/*
OctaBook:  Admin style


*/
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:300,400,600');
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700');

#wpcontent{
	padding-left: 0px !important; /* to remove padding from left of bookddice admin */
}
html.wp-toolbar{
	background: unset; /* remvoe white space from wordpress 5.4 in moveto admin */
}
body { 	
	font-family:inherit !important;
	font-weight: normal !important;
	font-size: 13px;
	line-height: 22px;
	background: #ffffff;
	color: #3d3d3d !important;
	direction: ltr;
}
#mp.mp-wrapper{
	clear: both;
	width: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
}
#mp header.mp-header{
	position: relative;
}

#mp #mp-top-nav .navbar-header a.navbar-brand img{
	position: relative;
	width: 180px;
}
#mp #mp-top-nav .navbar-header a.navbar-brand,
#mp #mp-main-navigation .navbar-header a.navbar-brand{
	padding: 5px;
}
#mp .toggle.btn-sm {
width: 80px !important;
}

#mp #mp-top-nav .navbar-toggle .icon-bar,
#mp #mp-main-navigation .navbar-toggle .icon-bar{
	background: #fff;
}
#mp  #mp-top-nav .navbar{
	min-height:52px;
	border:0 none;
	margin: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
}
#mp  #mp-main-navigation .navbar{
	min-height:65px;
	border:0 none;
	z-index: 100;
}

#mp  #mp-main-navigation .navbar .nav.mp-nav-tab li:first-child:before{
	border-left-width: thin;
	border-left-style: solid;
	left: 0;
}
	
#mp  #mp-main-navigation .navbar .nav.mp-nav-tab li:before{
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	height:100%;
	border-right-width: thin;
	border-right-style: solid;		
	opacity: 0.3;
}
#mp  #mp-main-navigation .navbar .nav.mp-nav-tab li{
	float: left;
	min-width: 80px;
	height: 67px;
	padding: 0;
	margin: 0;
	text-align: center;
	list-style: none;		
}
#mp  #mp-main-navigation .navbar .nav.mp-nav-tab > li > a {
	font-family: inherit;
	text-shadow: none;
	color: #BCBCBC;
	font-size: 12px;
	padding: 0 15px;
	line-height: 22px;
	font-weight: bold;
	font-weight: 400;
	background-image: unset;
	height: 100%;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
#mp  #mp-main-navigation .navbar .nav.mp-nav-tab > li > a .fa,
#mp  #mp-main-navigation .navbar .nav.mp-nav-tab > li > a .icons{
	position: relative;
	top: 2px;
	display: inline-block;
	width: 22px;
	height: 22px;
	margin-top: 6px;
	margin-bottom: 8px;
	margin-right: 0px;
	font-size: 24px;
}
#mp  #mp-main-navigation .navbar .nav.mp-nav-tab > li > a .lni,
#mp  #mp-main-navigation .navbar .nav.mp-nav-tab > li > a .icons{
	position: relative;
	top: 2px;
	display: inline-block;
	width: 22px;
	height: 22px;
	margin-top: 6px;
	margin-bottom: 8px;
	margin-right: 0px;
	font-size: 24px;
}
#mp  #mp-main-navigation .navbar .nav.mp-nav-tab > li > a span{
	display: block;
	padding-bottom: 2px;
}
#mp #mp-main-navigation .navbar .nav.mp-nav-tab > .active > a,
#mp #mp-main-navigation .navbar .nav.mp-nav-tab > .active > a:focus{
	background-color: #242C33 ;
	color: #FFF ;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
}

#mp #mp-main-navigation .navbar .nav.mp-nav-tab > li > a:hover {
	background-color: rgb(85, 88, 92) ;
	color: #FFF ;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
}
#mp #mp-top-nav{
	font-family: inherit;
	border-radius: 0px;
	background: #E1E7EB;
	border: medium none;
	filter: none;
	height: 52px;
	border-bottom: 1px solid #efefef;
}
#mp #mp-top-nav .navbar-collapse.collapse.in{
	border-color: #d3d3d3;
	position: relative;
	z-index: 99;
	background: #E1E7EB;
	-webkit-box-shadow: 0px 8px 8px -6px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 8px 8px -6px rgba(0,0,0,0.3);
	box-shadow: 0px 8px 8px -6px rgba(0,0,0,0.3);
}
#mp #mp-main-navigation{
	font-family: inherit;
	border-radius: 0px;
	background: #E1E7EB  none no-repeat scroll 0% 0%;
	border: medium none;
	filter: none;
	height: 67px;
	clear: both;
}

#mp #mp-top-nav .navbar .nav > li > a#mp-notifications{
	line-height: 0px;
	margin-right: 10px;
	top: 15px;
}

#mp #mp-top-nav .navbar-right {
	margin-right: 0px;
}
#mp #mp-notifications i.fa-angle-down,
#mp #mp-user-info i.fa-angle-down{
	position: relative;
	top: 4px;
	left: 5px;
}
#mp .noti_color,
#mp a#mp-notifications i.icon-bell,
#mp a#mp-notifications i.fa-angle-down{
	color: #3d3d3d;
}
#mp a#mp-notifications i.icon-bell:before,
#mp a#mp-notifications i.fa-angle-down:before {
	font-size: 18px;
	font-weight: bold;
}	
#mp a#mp-notifications i.icon-bell,
#mp a#mp-notifications i.fa-angle-down {
	position: relative;
	top: -6px;
}
#mp a#mp-notifications .mp-pulse{
	-webkit-animation: bdpulsate 1.25s cubic-bezier(0.5,-0.5,0.25,1.5);
	-moz-animation: bdpulsate 1.25s cubic-bezier(0.5,-0.5,0.25,1.5);
	-o-animation: bdpulsate 1.25s cubic-bezier(0.5,-0.5,0.25,1.5);
	-ms-animation: bdpulsate 1.25s cubic-bezier(0.5,-0.5,0.25,1.5);
	animation-iteration-count: infinite;
}

@-webkit-keyframes bdpulsate {
	0% {
	  transform: scale(.1);
	  opacity: 0.3;
	}
	50% {
	  opacity: 1;
	}
	100% {
	  transform: scale(1.2);
	  opacity: 0.6;
	}
}
@-moz-keyframes bdpulsate {
	0% {
	  transform: scale(.1);
	  opacity: 0.3;
	}
	50% {
	  opacity: 1;
	}
	100% {
	  transform: scale(1.2);
	  opacity: 0.6;
	}
}
@-o-keyframes bdpulsate {
	0% {
	  transform: scale(.1);
	  opacity: 0.3;
	}
	50% {
	  opacity: 1;
	}
	100% {
	  transform: scale(1.2);
	  opacity: 0.6;
	}
}
@-ms-keyframes bdpulsate {
	0% {
	  transform: scale(.1);
	  opacity: 0.3;
	}
	50% {
	  opacity: 1;
	}
	100% {
	  transform: scale(1.2);
	  opacity: 0.6;
	}
}
@keyframes bdpulsate {
	0% {
	  transform: scale(.1);
	  opacity: 0.3;
	}
	50% {
	  opacity: 1;
	}
	100% {
	  transform: scale(1.2);
	  opacity: 0.6;
	}
}



#mp #mp-notifications #mp-notification-top {
	display: inline-block;
	padding: 1 2px;
	font-size: 15px;
	font-weight: 600;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	font-family: Montserrat !important;
	position: relative;
	top: -5px;

}

	
#mp #mp-top-nav .navbar .nav > li > a.mp-notifications-new {
	float: none;
	position: relative;
}

#mp .mp-overlay-notification.visible{
	visibility: visible;
	background-color: rgba(0,0,0,.5);
	pointer-events: auto;
	z-index: 9999;
}
#mp .mp-overlay-notification{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	visibility: hidden;
	transition-duration: .2s;
	transition-timing-function: ease-in;
	transition-property: background-color,visibility;
	background-color: rgba(0,0,0,0.4);
	z-index: 9999;
}
#mp .mp-notifications-inner{
	height: 95%;
	max-width: 90%;
	top: 30px;
	right: -400px;
	width: 400px;
	border: 1px solid gray;
	border-width: 0px;
	-webkit-transition: all .3s cubic-bezier(0.175, 0.885, 0.320, 1.275);
	-moz-transition: all .3s cubic-bezier(0.175, 0.885, 0.320, 1.275);
	-o-transition: all .3s cubic-bezier(0.175, 0.885, 0.320, 1.275);
	-ms-transition: all .3s cubic-bezier(0.175, 0.885, 0.320, 1.275);
	transition: all .3s cubic-bezier(0.175, 0.885, 0.320, 1.275);
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.3);
	-o-box-shadow: 0px 0px 7px rgba(0,0,0,0.3);
	-ms-box-shadow: 0px 0px 7px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 7px rgba(0,0,0,0.3);
	position: fixed;
	z-index: 1049;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
#mp .mp-notifications-inner.visible{
	right: 0px;
	-webkit-transition: all .3s cubic-bezier(0.175, 0.885, 0.320, 1.275);
	-moz-transition: all .3s cubic-bezier(0.175, 0.885, 0.320, 1.275);
	-o-transition: all .3s cubic-bezier(0.175, 0.885, 0.320, 1.275);
	-ms-transition: all .3s cubic-bezier(0.175, 0.885, 0.320, 1.275);
	transition: all .3s cubic-bezier(0.175, 0.885, 0.320, 1.275);
}
#mp .mp-notification-main .notification-header {
	margin: 0px;
	height: 50px;
	font-size: 16px;
	line-height: 50px;
	text-align: center;
	display: block;
	text-transform: capitalize;
	font-family: Montserrat;
}
#mp .costom-color-icone{background-color: #487df2 !important;}
#mp .mp-notification-main .notification-header a.mp-clear-all{
	position: relative;
	line-height: 26px;
	top: 6px;
}
#mp .mp-notification-main .notification-header #mp-close-notifications {
	position: relative;
	cursor: pointer;
	font-size: 40px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-decoration: none;
	font-family: initial;
}
#mp #mp-top-nav .navbar-right .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
   width: 150px;
   top: 2px;
   right: 5px;
   padding-left: 10px;
}
#mp #mp-top-nav .navbar-right label {
   line-height: 50px;
}
/* .modal-backdrop {
	position: absolute !important;
	z-index: 99 !important;
}
*/
#mp .mp-notification-main .mp-recent-booking-container{
	text-align:left;
	margin:0px;
	padding:0px;
	position:absolute;
	overflow: auto;
	display: inline-block;
	height: 90%;
	width: 100%;
}
#mp .mp-notification-main ul.mp-recent-booking-list{
	list-style-type: none;
	margin: 0px !important;
	padding: 0px !important;
	max-height:100%;
	overflow-y: auto;
}
#mp .mp-notification-main ul.mp-recent-booking-list li{
	cursor: pointer;
	padding: 0px 13px;
	background: #f1f1f1;
	display: block;
	float: left;
	width: 100%;
	margin: 0px;
}
#mp .mp-notification-main ul.mp-recent-booking-list .list-inner.mp-no-notification{
	border: 0;
	text-align: center;
	margin: 22% 0px;
}
#mp .mp-notification-main ul.mp-recent-booking-list .list-inner.mp-no-notification .booking-text{
	text-align: center;
}
#mp .mp-notification-main ul.mp-recent-booking-list .list-inner a.mp-mark-read{
	position: absolute;
	right: 0;
}

#mp .mp-notification-main ul.mp-recent-booking-list .list-inner{
	padding: 10px 0px;
	float:left;
	word-wrap: break-word;
	width:100%;
	border-bottom: 1px solid rgba(156, 156, 156, 0.36) ;
	display: inline-block;
	z-index: 9;
	position: relative;
}


#mp .mp-notification-main ul.mp-recent-booking-list .list-inner span.booking-text{
	font-size:13px;
	font-family: inherit;
	line-height:20px;
	text-align:justify;
	position:relative;
	width: 100%;
	float:left;
}
#mp .mp-notification-main ul.mp-recent-booking-list li .list-inner span.booking-time{
	font-size:11px;
	font-family: inherit;
	line-height:18px;
	margin-top: 5px;
	position:relative;
	clear: left;
}

/* css loader */
	
#mp .mp-load-bar {
  position: relative;
  margin-top: 20px;
  width: 100%;
  height: 6px;
  background-color: #fdba2c;
}
#mp .mp-bar {
  content: "";
  display: inline;
  position: absolute;
  width: 0;
  height: 100%;
  left: 50%;
  text-align: center;
}
#mp .mp-bar:nth-child(1) {
  background-color: #da4733;
  animation: loading 3s linear infinite;
}
#mp .mp-bar:nth-child(2) {
  background-color: #3b78e7;
  animation: loading 3s linear 1s infinite;
}
#mp .mp-bar:nth-child(3) {
  background-color: #fdba2c;
  animation: loading 3s linear 2s infinite;
}
@keyframes loading {
	from {left: 50%; width: 0;z-index:100;}
	33.3333% {left: 0; width: 100%;z-index: 10;}
	to {left: 0; width: 100%;}
}

/*#mp .mp-loading-main{
	display: none;
	position: fixed;
	z-index: 100;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,0.5);
	overflow: auto;
	z-index: 99999;
	
}*/
	
#mp .loader{
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,0.5);
	overflow: auto;
	z-index: 99999;
}
#mp .loader .mp-loader{
	position: fixed;
	top: 50% !important;
	left: 50% !important;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width:30%;
}

/* alert all messages */
#mp .mp-alert-msg-show-main{
	width: auto;
	text-align: center;
	position: fixed;
	z-index: 999;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}
#mp .mp-all-alert-messags.alert{
	display: none;
	/* display: inline-block; */
	position: relative;
	padding: 10px 20px;
	margin: 0px;		
}
/* new line icons font size */
#mp i.icon-bell,
#mp i.icon-bulb,
#mp i.icon-layers,
#mp i.icon-diamond,
#mp i.icon-user{
	font-size: 18px;
	position: relative;
	top: 3px;
}

/* appointment details modal popup */
#mp .modal-md{
	width: 450px;
}
#mp #booking-details ul.mp-cal-booking-details li ,
#mp #user-booking-details ul.mp-cal-booking-details li {
	padding: 1px 0px;
	margin: 0;
	clear: both;
	font-size: 13px;
	list-style: none;
	display: inline-block;
	line-height: 12px;
}
#mp #booking-details ul.mp-cal-booking-details li label,
#mp #user-booking-details ul.mp-cal-booking-details li label{
	width: 200px;
	float: left;
	color: #5f5f5f;
	text-align: left;
	margin-right: 35px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 600;
}
#mp #booking-details ul.mp-cal-booking-details li span.span-scroll,
#mp #user-booking-details ul.mp-cal-booking-details li span.span-scroll{
	float: left;
	color: #333;
	font-size: 13px;
	line-height: 16px;
	width: 160px;
	word-wrap: break-word;
	max-height: 70px;
	overflow: auto;
}
#mp #booking-details ul.mp-cal-booking-details li .mp-booking-status,
#mp #user-booking-details ul.mp-cal-booking-details li .mp-booking-status{
	float: left;
	color: #333;
	font-size: 13px;
	line-height: 16px;
	width: 160px;
	word-wrap: break-word;
	max-height: 70px;
	overflow: auto;
}
#mp #booking-details ul.mp-cal-booking-details li .mp-booking-status em,
#mp #user-booking-details ul.mp-cal-booking-details li .mp-booking-status em{
	font-family: inherit;
	font-size: 13px;
	margin-left: 5px;	
}	
#mp #booking-details li h6.mp-customer-details-hr,
#mp #user-booking-details li h6.mp-customer-details-hr{
	margin: 0px;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
}
#mp #booking-details .nav > .active > a ,
#mp #user-booking-details .nav > .active > a ,
#mp #edit-booking-details-view .nav > .active > a {
	background-color: #fff !important;
	color: #555 !important ;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
 }
#mp #booking-details .nav > li > a:hover ,
#mp #user-booking-details .nav > li > a:hover ,
#mp #edit-booking-details-view .nav > li > a:hover {
	background-color: #fff !important ;
	color: #555 !important ;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
}

#mp .modal-body table{
	width: 100%;
}

#mp .modal-footer table td,
#mp .modal-body table td{
	padding: 5px;
}
#mp #booking-details .modal-body .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) ,
#mp #user-booking-details .modal-body .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) ,
#mp #edit-booking-details-view .modal-body .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
	width: 100%;
}
#mp #booking-details .modal-body .form-group,
#mp #user-booking-details .modal-body .form-group{
	margin-bottom: 1px;
}
#mp #booking-details .modal-body  .bootstrap-select.btn-group .dropdown-menu,
#mp #user-booking-details .modal-body  .bootstrap-select.btn-group .dropdown-menu{
	max-height:260px !important;
}
#mp #user-booking-details .modal-body .bootstrap-select.btn-group .dropdown-menu li a,
#mp #booking-details .modal-body .bootstrap-select.btn-group .dropdown-menu li a{
	line-height:23px;
	padding: 5px 14px;
}

#mp #mp-dashboard .panel,
#mp #mp-locations-panel.panel,
#mp #mp-service-addon-panel.panel,					 
#mp #mp-services-panel.panel,
#mp #mp-staff-panel.panel,
#mp #mp-customers-listing.panel,
#mp #mp-customers-listing.panel .panel-default,
#mp #mp-payments.panel,
#mp #mp-payments .panel.panel-default,
#mp #mp-settings.panel,
#mp #mp-settings .mp-setting-details .mp-email-template-panel.panel,
#mp #mp-settings .mp-setting-details .mp-email-template-panel.panel-default,
#mp #mp-staff-panel .mp-staff-right-details #member-offdays .panel,
#mp #mp-staff-panel .mp-staff-right-details #member-offdays .panel.panel-default,
#mp #mp-settings #company-details .panel,
#mp #mp-settings #company-details .panel.panel-default,
#mp #mp-settings #general-setting .panel,
#mp #mp-settings #general-setting .panel.panel-default,
#mp #mp-settings #appearance-setting .panel,
#mp #mp-settings #appearance-setting .panel.panel-default,
#mp #mp-settings #payment-setting .panel,
#mp #mp-settings #payment-setting .panel.panel-default,
#mp #mp-settings #email-setting .panel,
#mp #mp-settings #email-setting .panel.panel-default,
#mp #mp-settings #email-template .panel,
#mp #mp-settings #email-template .panel.panel-default,
#mp #mp-settings #sms-reminder .panel,
#mp #mp-settings #sms-reminder .panel.panel-default,
#mp #mp-settings #sms-template .panel,
#mp #mp-settings #sms-template .panel.panel-default,
#mp #mp-settings #custom-form-fields .panel,
#mp #mp-settings #custom-form-fields .panel.panel-default,
#mp #mp-settings #promocode .panel,
#mp #mp-settings #promocode .panel.panel-default{	
	box-shadow: unset;
	border: 0px none;
	margin-bottom: 10px;
}


/* dashborad index page */

#mp #mp-dashboard .mp-top-menus-stats.nav > li > a{
	border: 1px solid #E7ECF1;
	display: block;
	overflow: hidden;
	padding: 4px 16px 2px 16px;
	border-radius: 4px;
border: 1px solid #5bc0de;
	transition: all 0.2s!important;
}
#mp #mp-dashboard .mp-top-menus-stats.nav > li > a:hover{
	text-decoration: none;
background-color: #fff;
border: 1px solid #fd3943!important;
box-shadow: 0 1px 8px 0px rgba(0, 0, 0, 0.3)!important;
}
#mp #mp-dashboard .mp-top-menus-stats.nav > li > a:hover h4.mp-dash-header {
color: #5bc0de!important;
}
#mp #mp-dashboard .mp-dash-icon.today {
background-color: #487df2 !important;
color: #FFFFFF !important;
}
#mp #mp-dashboard .mp-top-menus-stats.nav > li.active > a{
	box-shadow: 0px 0px 4px #555;
	-webkit-box-shadow: 0px 0px 4px #555;
	-moz-box-shadow: 0px 0px 4px #555;
	-o-box-shadow: 0px 0px 4px #555;
}
#mp #mp-dashboard .mp-title-amount-stats{
	width: 100%;
	float: left;
	display: block;
}


#mp #mp-dashboard h4.mp-dash-header{
	font-size: 24px;
	font-weight: 400;
	margin: 0px 0px 5px;
	color: #778492;
	float: left;
	display: inline-block;
}

#mp #mp-dashboard .mp-stats-total{
	display: block;
	font-size: 22px;
	line-height: 22px;	
	font-weight: 300;
	color: #3E4F5E;
	position: relative;
	text-align: right;
	width: 100%;
	clear: both;
}
#mp #mp-dashboard .mp-dash-icon{
	float: left;
	width: 60px;
	height: 60px;
	display: inline-block;
	font-size: 24px;
	line-height: 40px;
	color: #FFF;
	text-align: center;
	padding: 10px;
	margin-right: 15px;
	border-radius: 4px;
}

#mp #mp-dashboard .mp-dash-icon.this-week{
	background: #5AD3D1 none repeat scroll 0% 0% !important;
}



#mp #mp-dashboard .mp-stats-title{
	padding-top: 2px;
	display: block;
	font-size: 14px;
	font-weight: 600;
	color: #8E9DAA;
}
#mp #mp-dashboard .mp-stats-counting{
	display: block;
	font-size: 28px;
	font-weight: 600;
	color: #3E4F5E;
}

#mp  #mp-settings .mp-left-menu-stats ul li a{
	font-family: inherit;
	font-size: 12px;
	font-weight: 400;
	color: #8D8D8D;
	line-height: 20px;
	padding: 5px 0px;
	text-align: center;
}

#mp #mp-dashboard .mp-left-menu-stats ul li a{
	font-family: inherit;
	font-size: 15px;
	color: inherit;
	line-height: 30px;
	height: 42px;
	padding: 5px 0px;
	text-align: center;
	text-transform: capitalize;
}
#mp .nav li.active a{
	font-weight: 600;
}
#mp #mp-dashboard .mp-left-menu-stats{
	background: #E1E7EB none repeat scroll 0% 0%;
	height: 100%;
	min-width: 170px;
	color: #8D8D8D;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
#mp #mp-dashboard .mp-statistic-month-main table.mp-statistic-month tr td{
	padding: 10px 15px;
}
/* new appointments listing */
#mp #mp-dashboard .mp-today-list-actions{
	position: relative;
	float: left;
	width: 100%;
}
#mp #mp-dashboard .mp-today-list-actions .mp-past-booking-button{
	position: absolute;
	right: -25px;
	top: 7px;
	z-index: 999;
}
#mp #mp-dashboard .mp-today-list-actions .mp-past-booking-button .popover{
	width: 140px;
	max-width: 200px;
}

#mp #mp-dashboard .mp-today-bookings-main,
#mp #mp-dashboard .mp-latest-activity{
	max-height: 350px;
	/* overflow-y: auto;
	overflow-x: hidden; */
}
#mp #mp-dashboard .mp-today-bookings-main .mp-today-booking-list,
#mp #mp-dashboard .mp-latest-activity .mp-bookings-activity-list{
	cursor: pointer;
	font-size: 13px;
	line-height: 20px;
}
#mp #mp-dashboard .mp-today-bookings-main .mp-today-list,
#mp #mp-dashboard .mp-latest-activity .mp-activity-list{
	border-bottom: 1px solid #ddd;
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
	width: 100%;
	z-index: 99;
}

#mp #mp-dashboard #mp-today-stats .mp-no-booking-chart,
#mp #mp-dashboard .mp-today-bookings .mp-no-today-booking-message,
#mp #mp-dashboard .mp-bookings-activity .mp-no-today-booking-message{
	text-align: center;
	margin: 22% 0px;
}
#mp .mp-notification-main ul.mp-recent-booking-list .list-inner span.booking-text .mp-label,
#mp #mp-dashboard .mp-latest-activity .mp-activity-list .mp-label {
	padding: 3px 10px;
}

#mp #mp-dashboard .mp-today-bookings-main .mp-today-list:hover,
#mp #mp-dashboard .mp-latest-activity .mp-activity-list:hover{
	background: #ccf3ff87;
}
#mp #mp-dashboard .mp-today-bookings-main .mp-today-list .mp-today-left{
	min-width: 80px;
	padding-right: 10px;
	display: table-cell;
	vertical-align: middle;
	float: left;
}
#mp #mp-dashboard .mp-today-bookings-main .mp-today-list .mp-today-center{
	display: table-cell;
	vertical-align: top;
	overflow: hidden;
	float: left;
}

#mp #mp-dashboard .mp-today-bookings-main .mp-today-list .mp-today-right{
	display: table-cell;
	vertical-align: top;
	overflow: hidden;
	float: right;
}

#mp #mp-dashboard .mp-today-bookings-main [class*=" icon-"]:before,
#mp #mp-dashboard .mp-bookings-activity [class*=" icon-"]:before,
#mp #mp-dashboard .mp-today-bookings-main [class^="icon-"]:before,
#mp #mp-dashboard .mp-bookings-activity [class^="icon-"]:before{
	margin-left: 0px;
}
#mp #mp-dashboard .mp-today-bookings-main i.icon-user,
#mp #mp-dashboard .mp-latest-activity i.icon-user{
	font-size: inherit;
	position: relative;
	top: unset;
}
#mp #mp-dashboard .mp-today-bookings-main .mp-today-center .mp-service-text,
#mp #mp-dashboard .mp-latest-activity .mp-activity-list .mp-service-text{
	color: #315D51;
	font-size: 14px;
	float: left;
	width: 100%;
}
#mp #mp-dashboard .panel-default > .panel-heading{
	background-color: unset;
	border-color: unset;
	background-image: none;
	border: none !important;
}
#mp #mp-dashboard .panel-heading{
	background: transparent;
	border-radius: 0px;
	border-bottom: 0px;
	padding: 10px;
	position: relative;
	z-index: 3;
	font-size: 15px;
	font-weight: 600;
	height: 42px;
	text-transform: capitalize;		
}
#mp #mp-dashboard .mp-statistic-month-main .panel-body,
#mp #mp-dashboard .mp-today-bookings .panel-body,
#mp #mp-dashboard .mp-bookings-activity .panel-body{
	padding: 0px;
}
#mp #mp-dashboard .mp-statistic-month-main hr#hr,
#mp #mp-dashboard .mp-today-bookings hr#hr,
#mp #mp-dashboard .mp-bookings-activity hr#hr{
	margin: 0px;
}
#mp #booking-details .modal-body .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) ,
#mp #user-booking-details .modal-body .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) ,
#mp #edit-booking-details-view .modal-body .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn),
#mp #add-new-booking-details .modal-body .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
	width: 100%;
}
/* 
#mp #chart-area{
	width: 500px !important;
	height: 500px !important;
}
*/

/* customers details */
/* Add manual booking css */
#mp .mp-search-customer-main .search-container{
	margin-left: 20px;
	margin-top: 10px;
	margin-right: 20px;
	padding-bottom: 20px;
	position: relative;
}
#mp .search-container .search-icon{
	position: absolute;
	right: 7px;
	z-index: 99;
	top: 7px;
}
#mp .search-container ul.mp-search-result-list{
	display: none;
	list-style-type: none;
	background: none repeat scroll 0 0 #FFF;
	font-weight: normal;
	font-size: 14px;
	width: 100%;
	margin-top: -2px;
	position: absolute;
	max-height: 150px;
	z-index: 99;
	overflow: auto;
	cursor: pointer;
}
#mp .search-container ul.mp-search-result-list li img.list-customer-image{
	width: 30px;
	height: 30px;
}
#mp .search-container ul.mp-search-result-list li span.list-customer-contact{
	line-height: 30px;
}
#mp .search-container ul.mp-search-result-list li:hover{
	background: rgba(0,0,0, 0.10);
}
#mp .search-container .mp-searching-customer{
	display: none;
	padding: 8px 10px;
	position: absolute;
	width: 100%;
	top: 30px;
	font-size: 14px;
}

#mp #mp-customers-listing .mp-custom-checkbox ul.mp-checkbox-list label span,
#mp #mp-payments .mp-custom-checkbox ul.mp-checkbox-list label span{
	margin-left: 10px;
}
#mp #mp-calendar-all .modal-content .modal-footer,
#mp #booking-details .modal-content .modal-footer,
#mp #user-booking-details .modal-content .modal-footer,
#mp #edit-booking-details-view .modal-content .modal-footer{
	text-align: center;
	padding: 5px 15px;
	clear: both;
}
#mp-calendar-all .panel-body{
	padding: 0px 15px;
}

#mp #mp-delete-appointment-cal-popup,
#mp #mp-calendar-all  #mp-delete-appointment-cal-popup,
#mp #booking-details  #mp-delete-appointment,
#mp #user-booking-details  #mp-delete-appointment,
#mp #edit-booking-details-view  #edit-mp-delete-appointment{
	color: #CC3F3B;
}
#mp #mp-confirm-appointment-cal-popup,
#mp #mp-calendar-all  #mp-confirm-appointment-cal-popup,
#mp #booking-details  #mp-confirm-appointment,
#mp #user-booking-details  #mp-confirm-appointment,
#mp #edit-booking-details-view  #edit-mp-confirm-appointment{
	color: #54AE54;
}
#mp #mp-reject-appointment-cal-popup,
#mp #mp-calendar-all  #mp-reject-appointment-cal-popup,
#mp #booking-details  #mp-reject-appointment,
#mp #user-booking-details  #mp-reject-appointment,
#mp #edit-booking-details-view #edit-mp-reject-appointment{
	color: #2c2c2c;
}
#mp #mp-calendar-all .modal-footer .mp-footer-popup-btn,
#mp #booking-details .modal-footer .mp-footer-popup-btn,
#mp #user-booking-details .modal-footer .mp-footer-popup-btn,
#mp #edit-booking-details-view .modal-footer .mp-footer-popup-btn{
	line-height: 53px;
}
#mp .modal-header li.mp_booking_datetime i.fa{
	padding-right: 5px;
}


#mp #mp-calendar-all .modal-footer .mp-footer-popup-btn a#mp-confirm-appointment-cal-popup.mp-small-btn{
	color: #54AE54;
}
#mp #mp-calendar-all .modal-footer .mp-footer-popup-btn a#mp-reject-appointment-cal-popup.mp-small-btn{
	color: #2c2c2c;
}
#mp #mp-calendar-all .modal-footer .mp-footer-popup-btn a#mp-delete-appointment-cal-popup.mp-small-btn{
	color: #CC3F3B;
}

#mp #mp-calendar-all .modal-footer .mp-footer-popup-btn .mp-small-btn,
#mp #booking-details .modal-footer .mp-footer-popup-btn .mp-small-btn,
#mp #user-booking-details .modal-footer .mp-footer-popup-btn .mp-small-btn,
#mp #edit-booking-details-view .modal-footer .mp-footer-popup-btn .mp-small-btn{
	padding: 6px 2px;
}
#mp #booking-details-calendar .close ,
#mp #booking-details .close ,
#mp #user-booking-details .close ,
#mp #edit-booking-details-view .close {
	opacity: 8;
	float: right;
	font-size: 35px;
	position: absolute;
	right: 15px;
	top: 13px;
	color: #fff;
	font-weight: 500;
}


/****************************/
/****  Appointments page style ***/	
#mp .mp-calendar-top-bar{
	float: left;
	width: 100%;
	min-height: 70px;
	display: block;
	cursor: pointer;
}
/* #mp .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
	width: 300px;
} */
#mp .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
	width: 100%;
}

#mp div#reportrange{
	width:370px;
}
#mp .fc { /* extra precedence to overcome jqui */
	font-size: 14px;
	clear: both;
	overflow-x: hidden;
}

#mp .fc-toolbar {
	min-height: 60px;
	padding: 0px;
	background: #fff;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	margin-bottom: 0px;
}

/* header style */


#mp .fc-toolbar h2 {
	color: #fff;
	font-size: 24px !important;
	line-height: 54px;
	font-family: Helvetica;
}

#mp button.fc-today-button {
	float: left;
	display: inline-block;
	opacity: 1 !important;
}

#mp .fc button {
	background: none !important;
	border: none;
	color: #fff;
	text-shadow: unset;
}
#mp .fc-state-default.fc-corner-left {
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
}

#mp .fc-state-default.fc-corner-right {
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
}
#mp .fc button .fc-icon{
	width: 15px;
}
#mp .fc-icon-right-single-arrow::after, #mp .fc-icon-left-single-arrow::after {
	padding: 0 !important;
}
#mp .fc button {
	display: block;
	height: 60px;
	padding: 0 15px;
	text-transform: capitalize;
	font-size: 16px;
	white-space: nowrap;
	cursor: pointer;
}

.fc-state-down,
.fc-state-active {
	box-shadow: none !important;
	background-color: #efefef !important;
} 
/* header style */

#mp .fc-toolbar h2 {
	color: #fff;
	font-size: 24px !important;
	line-height: 54px;
	font-family: Helvetica;
}
#mp button.fc-today-button{
	float: left;
	display: inline-block;
}

#mp .fc-toolbar .fc-left {
	position: relative;
	left: 15px;
}
#mp .fc-toolbar .fc-center h2,
#mp .fc-toolbar .fc-center {
	position: relative;
}
#mp .fc-toolbar .fc-right {
	position: relative;
	right: 15px;
}
#mp .fc-icon-left-single-arrow:after {
	content: "\f100";
	font-family: FontAwesome !important;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	
	font-size: 24px;
	padding-right: 0.5em;
	position: absolute;
	top: 0;
	left: 0;
}
#mp .fc-icon-right-single-arrow:after{
	content: "\f101";
	font-family: FontAwesome !important;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	
	font-size: 24px;
	padding-right: 0.5em;
	position: absolute;
	top: 0;
	left: 0;
}

/* table */
#mp .fc table th{
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.5px;
	padding: 8px 12px;
}
/* caledar booking details popup */
#mp #mp-calendar-all li.mp-custmers{
	padding: 10px 0px 0px !important;
}
#mp #edit-booking-details-view .modal-md{
	width: 450px !important;
}

#mp .vertical-alignment-helper {
	display:table;
	height: 100%;
	width: 100%;
}
#mp .vertical-align-center {
	/* To center vertically */
	display: table-cell;
	vertical-align: middle;
}
#mp .modal-content {
	width:inherit;
	height:inherit;
	/* To center horizontally */
	margin: 30px auto;
}
#mp #mp-calendar-all ul.mp-cal-booking-details li{
	padding: 5px 0px;
	margin: 0;
	clear: both;
	font-size: 12px;
	list-style: none;
}
#mp #mp-calendar-all ul.mp-cal-booking-details li label{
	width: 83px;
	float: left;
	color: #626262;
	text-align: left;
	margin-right: 17px;
	margin-bottom: 0;
	font-size: 13px;
	font-weight: 500;
	text-transform: uppercase;
}
#mp #mp-calendar-all ul.mp-cal-booking-details li.mp-second-child span{
	max-width: unset !important;
}
#mp #mp-calendar-all ul.mp-cal-booking-details li:not(:first-child) span{
	float: left;
	color: #333;
	font-size: 13px;
	line-height: 16px;
	max-width: 250px;
	word-break: break-word;
	word-wrap: break-word;
	max-height: 100px;
	overflow: auto;
}
#mp #mp-calendar-all .mp-booking-status{
	position: relative;
	right: 10px;
	top: 2px;
	text-align: center;
	font-size: 10px;
}
#mp #mp-calendar-all .mp-curr-status hr#hr{
	margin: 0px 0px 3px;
}
#mp #mp-calendar-all .mp-booking-status{
	font-size: 15px;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 16px;
	padding-left: 7px;
	float: left;
	color: #31bf57;
}
#mp #mp-calendar-all .mp-booking-status span.badge{
	display: inline-block;
	padding: 4px;
	min-width: 5px;
	position: relative;
	right: 4px;
	top: -2px;
}

#mp .mp-appointment-popup{
	
	box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.5);
	-o-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.5);
	width: 380px;
	background: #fff;
	margin: 30px auto;
	
}


/****************************/
/****  Staff style ***/

	
#mp #mp-staff-panel{
	background:#F1F5F7;
	border-color: #8D8D8D;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
}
#mp #mp-staff-panel .panel-body{
	background:#fff;
	padding: 0px;
}	
#mp #mp-staff-panel .mp-staff-container{
	width: 95%;
	margin: 0px auto;
	padding: 0px;
	clear: both;
}
#mp #mp-staff-panel .mp-staf-img-small{

	width: 35px;
	height: 35px;
	border-radius:100%;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
}
#mp #mp-staff-panel  #mp-add-new-staff{
	position: relative;
	top: -7px;
}
#mp #mp-staff-panel .mp-staff-container h3{
	padding: 10px 0px 5px;
	font-size: 22px;
}
#mp #mp-staff-panel .mp-staff-list table tr td .mp-custom-radio ul.mp-radio-list li{
	width: 100% !important;
}	
#mp #mp-staff-panel .mp-staff-list{	
	background: #F1F5F7 none repeat scroll 0% 0%;
	height: 100%;
	min-width: 170px;
	color: #8D8D8D;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
#mp  #mp-staff-panel .mp-staff-list span.mp-staff-name{
	font-family: inherit;
	font-size: 15px;
	font-weight: 400;
	color: #8D8D8D;
	line-height: 15px;
	text-indent: 2px;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: inline-block;
	width: 70%;
}
#mp  #mp-staff-panel .mp-staff-list ul li.active span.mp-staff-name{
	color: #495861 !important;
	border-radius: 0px;
	font-family: inherit;
	font-size: 15px;
	font-weight: 400;
	color: #3c4c5c;
	line-height: 15px;
	text-indent: 2px;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: inline-block;
	width: 70%;
}

#mp #mp-staff-panel .mp-staff-list .mp-left-staff{
	margin-top: 15px;
	overflow-y: auto;
	min-height: 450px;
}
#mp #mp-staff-panel .mp-staff-list .mp-left-staff li.staff-list a{
	padding: 8px 0 8px 5px;
}

#mp #mp-staff-panel .mp-staff-list .mp-left-staff li.staff-list span.mp-manager-star{
	position: absolute;
	top: 13px;
	right: 25px;
	text-align: center;
	line-height: 13px;
	font-size: 11px;
	text-transform: uppercase;
}
#mp #mp-staff-panel .mp-staff-list .mp-left-staff li.staff-list span.mp-manager-star input[type="checkbox"] {
	display: none !important;
}
#mp #mp-staff-panel .mp-staff-list .mp-left-staff li.staff-list span.mp-manager-star input[type="checkbox"] + label span i.fa-star{
	cursor: pointer;
	font-size: 18px;
}
#mp #mp-staff-panel .mp-staff-list .mp-left-staff li.staff-list span.mp-manager-star input[type="checkbox"]:checked + label span i.fa-star:before{
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;
	color: #EDB900;
	
}
#mp #mp-staff-panel .mp-staff-list .mp-left-staff li.staff-list span.mp-manager-star input[type="checkbox"]:checked + label span .mp-text:after{
	content: "Manager";
	position: absolute;
	display: block;
	right: -15px;
}

#mp #mp-staff-panel .mp-staff-list .popover {
	max-width: 340px;
	width: 350px;
}

#mp #mp-staff-panel .mp-staff-list h3.popover-title{
	background-color: #F8F8F8;
	font-size: 15px;
	padding: 8px 14px;
	display: block;
}
#mp #mp-staff-panel .mp-staff-list .mp-left-staff li.staff-list .mp-staff-clone{
	display: inline-block;
	width: 22px;
	position: relative;
	top: 5px;
	left: 0px;
}
#mp #mp-staff-panel .mp-staf-img-small{
	width: 30px;
	height: 30px;
	border-radius:100%;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
}
#mp #mp-staff-panel .mp-staff-list .mp-left-staff li.staff-list .mp-staff-image{
	display: inline-block;
	width: 30px;
	width: 30px;
	position: relative;
	top: -3px;
	right: 3px;
}

#mp  #mp-staff-panel .mp-clone-staff{
	padding:1px 3px;
	position: relative;
	top: 0px;
	right: 2px;
}
#mp  #mp-staff-panel .mp-clone-staff .mp-clone-staff i.fa-clone{
	font-size: 12px !important;
}

#mp #mp-staff-panel .mp-staff-list .mp-left-staff li.staff-list{
	width: auto;
	height: auto;
	padding: 2px;
	margin: 3px 0px;
	position: relative;
}
#mp #mp-staff-panel .mp-staff-list .mp-left-staff li.staff-list a:focus,
#mp #mp-staff-panel .mp-staff-list .mp-left-staff li.staff-list a:hover,
#mp #mp-staff-panel .mp-staff-list .mp-left-staff li.staff-list:hover,
#mp #mp-staff-panel .mp-staff-list .mp-left-staff li.staff-list.active{
	background: #dbdbdb;
	-webkit-transition: all 300ms ease-in-out 0s;
	-moz-transition: all 300ms ease-in-out 0s;
	-o-transition: all 300ms ease-in-out 0s;
	-ms-transition: all 300ms ease-in-out 0s;
	transition: all 300ms ease-in-out 0s; 
}

/* right side staff member service list and price rules and top menu */
#mp #mp-staff-panel .intl-tel-input .country-list{
	min-width: 270px;
}
#mp  #mp-staff-panel .mp-staff-top-header{
	line-height:30px;
	color: #3C4C5C;
	font-size: 24px;
	float: left;
	width: 100%;
	padding: 35px 0px 10px 0px;
}
#mp  #mp-staff-panel .mp-staff-top-header .popover {
	max-width:170px;
	width: 180px;
}
#mp  #mp-staff-panel .mp-staff-right-details{
	width: 100%;
	margin-top: 20px;
	padding: 0px;
}
#mp  #mp-staff-panel .mp-staff-right-menu{
	text-transform:uppercase;
}

#mp #mp-staff-panel .mp-staff-right-details table {
	float:left;
	width:100%;
}
#mp #mp-staff-panel .mp-staff-right-details table tr.mp-col4 .btn{
	padding: 4px 8px;
}


/* staff > services */

#mp .member-services .panel{
	border:unset;
}
#mp .member-services .panel-default{
	box-shadow:unset;
	-webkit-box-shadow:unset;
	-moz-box-shadow:unset;
	-o-box-shadow:unset;
	border-color:unset;
}
#mp .member-services .mp-staff-service-panel.panel{
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
	-o-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
}
#mp .member-services .mp-staff-service-panel.panel-default{
	float: left;
	width: 100%;
	margin-bottom: 5px !important;
	border: 1px solid rgba(0,0,0,0.3);
}

#mp .member-services{
	padding:0px;
}
#mp .member-services input[type="checkbox"]{
	display:none;
}

#mp .member-services .mp-service-time-member,
#mp .member-services .mp-service-price-member{
	line-height:35px;
	position:relative;
	padding: 0px 5px;
	min-width: 80px;
	float: left;
	display: inline-block;
	text-align: right;
}

#mp #mp-staff-panel table tr td{
	padding:5px;
	vertical-align: top;
}
/* #mp #mp-staff-panel table tr td:nth-child(1){
	width:110px
} */
/* #mp #mp-staff-panel .mp-staff-right-details table.offdaystable tr td:nth-child(1){
	width: 33.33333333% !important;
}	
#mp #mp-staff-panel .mp-staff-right-details table.offdaystable table.monthtable tr td:nth-child(1),
#mp #mp-staff-panel .mp-price-row table.mp-staff-common-table tr td:nth-child(1){
	width: unset !important;
} */
/* staff service listing */
#mp .member-services .mp-staff-service-panel .panel-heading{
	padding:3px 13px;
	float: left;
	width: 100%;
}
#mp .member-services .mp-staff-service-panel .panel-heading h4.panel-title{
	line-height: 33px;
}
#mp .member-services .mp-staff-service-panel .panel-heading .mp-toggle{
	margin: 4px 4px 4px 0px;
	position: relative;
	
}
#mp .member-services .mp-staff-service-panel .panel-heading span.mp-service-title{
	line-height: 22px;
}

/* staff pricing rules */

#mp .member-services .mp-provider-custom-price-menu,
#mp .member-services .mp-staff-price-rules .panel-body {
	padding:10px;
	clear: both;
}
#mp .member-services .mp-staff-price-rules .panel,
#mp .member-services .mp-staff-price-rules .panel-default{
	box-shadow: unset;
	-webkit-box-shadow: unset;
	-moz-box-shadow: unset;
	-o-box-shadow: unset;
	border-color: transparent;
}
#mp .member-services ul#mp-staff-breaks li.row {
	line-height: 37px;
	padding: 0px 0px 7px;
}
#mp .member-services .mp-staff-price-rules ul#mp-staff-price span.mp-day-name{
	font-size:16px;
	font-weight:400;
}
#mp .member-services .mp-staff-price-rules ul#mp-staff-price .mp-price-row li .mp-staff-price-schedule{
	top: 5px;
}
#mp .member-services .mp-staff-price-rules ul#mp-staff-price .mp-price-row li{
	margin-bottom: 5px !important;
}
#mp .member-services .mp-staff-price-rules ul#mp-staff-price .mp-price-row li:last-child{
	border-bottom: 0!important;
}

#mp .member-services .mp-staff-price-rules ul#mp-staff-price li.row{
	line-height: 37px;
	padding: 0px 0px 7px 0px;
}

#mp .member-services .mp-staff-price-rules .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
	width: 95px;
}
#mp .member-services .mp-staff-price-rules .bootstrap-select.btn-group .dropdown-menu{
	max-height:260px !important;
}
#mp .member-services .mp-staff-price-rules .bootstrap-select.btn-group .dropdown-menu li a{
	line-height:23px;
	padding: 3px 14px;
}
#mp .member-services .mp-staff-price-rules .panel-default ul#mp-staff-price li.active{
	float: left;
	width: 100%;
	min-height: 44px;
	border-bottom: thin solid #efefef;
	margin-bottom: 10px;
}

#mp .member-services .mp-staff-price-rules .mp-price-hours-to{
	font-size:12px;
	margin: 0px 5px;
}
#mp .member-services .mp-staff-price-rules  li#mp-add-price-row{
	display:none;
}


/* staff > availabilty weekly */

#mp .member-availabilty .mp-staff-time-schedule .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
	width: 110px;
}
#mp .member-availabilty .mp-staff-time-schedule .bootstrap-select.btn-group .dropdown-menu{
	max-height:260px !important;
}
#mp .member-availabilty .mp-staff-time-schedule  .bootstrap-select.btn-group .dropdown-menu li a{
	line-height:23px;
	padding: 3px 14px;
}

#mp .member-availabilty  ul#mp-staff-timing li.active{
	float: left;
	width: 100%;
	line-height: 31px;
	margin-bottom: 5px !important;
	padding: 3px 0px;
	box-shadow: 0px 0px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.1);
	-o-box-shadow: 0px 0px 2px rgba(0,0,0,0.1);
	border: 1px solid rgba(0,0,0,0.1);
}
#mp .member-availabilty .mp-staff-time-schedule .mp-staff-hours-to{
	font-size:12px;
	margin: 0px 5px;
}

/*  staff breaks */
/* hide box shadow and border color in breaks and availabilty */
#mp .member-availabilty .panel,
#mp .member-addbreaks .panel,
#mp .member-offtime .panel{
	box-shadow: unset !important;
	border: 0px !important;
}
#mp .member-availabilty .panel-default,
#mp .member-addbreaks .panel-default,
#mp .member-offtime .panel-default{
	border-color: unset !important;
}

#mp .member-addbreaks .mp-weeks-breaks-menu{
	border-right:1px solid #BDBDBD;
}
#mp .member-addbreaks .mp-staff-breaks-schedule .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
	width: 105px;
}
#mp .member-addbreaks .mp-staff-breaks-schedule .bootstrap-select.btn-group .dropdown-menu{
	max-height:260px !important;
}
#mp .member-addbreaks .mp-staff-breaks-schedule .bootstrap-select.btn-group .dropdown-menu ul{
	overflow-y: auto;
}
#mp .member-addbreaks .mp-staff-breaks-schedule  .bootstrap-select.btn-group .dropdown-menu li a{
	line-height:23px;
	padding: 3px 14px;
}
#mp .member-addbreaks ul#mp-staff-breaks li.active{
	float: left;
	width: 100%;
	line-height: 31px;
	margin-bottom: 5px !important;
	padding: 3px 0px;
	box-shadow: 0px 0px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.1);
	-o-box-shadow: 0px 0px 2px rgba(0,0,0,0.1);
	border: 1px solid rgba(0,0,0,0.1);
}
#mp .member-addbreaks ul#mp-staff-breaks li .list-unstyled li{
	margin-bottom: 5px !important;
}

#mp .member-addbreaks .mp-staff-breaks-schedule .mp-staff-hours-to{
	font-size:12px;
	margin: 0px 5px;
}
#mp .member-addbreaks ul#mp-staff-breaks span.mp-day-name{
	font-size:16px;
	font-weight:400;
}
#mp .member-offdays .highlight{
	color: #fff !important;
	background: #ff0000;
}
#mp #mp-staff-panel .mp-staff-right-details .member-offdays .offdaystable .all{
	cursor: pointer;
}
#mp #mp-staff-panel .mp-staff-right-details .member-offdays .offdaystable .mp-col4 {
	min-height: 260px !important;
}
#mp #mp-staff-panel .mp-staff-right-details .member-offdays .offdaystable th {
	font-size: 18px;
}
#mp #mp-staff-panel .mp-staff-right-details table.monthtable tr td{
	text-align: center;
}
#mp #mp-staff-panel .mp-staff-right-details table.monthtable tr td:nth-child(1) {
	width: unset;
}
#mp #mp-staff-panel .mp-staff-right-details .member-offtime .mp-member-offtime-inner{
	float: left;
	width: 100%;
	min-height: 70px;
	display: block;
	cursor: pointer;
	margin-bottom: 20px;
}


/********************************************/
/*******   Customers  page ****************/	
#mp #mp-customers-listing{
	background: #F1F5F7 none repeat scroll 0% 0%;
	margin-top: 20px;
	border-color: #8D8D8D;
	border-radius: 2px;
}
#mp #mp-customers-listing .tab-content{
	padding:15px;
}
td.details-control {
	background: url('../resources/details_open.png') no-repeat center center;
	cursor: pointer;
}
tr.details td.details-control {
	background: url('../resources/details_close.png') no-repeat center center;
}


	
/********************************************/
/*******   Locations page ****************/

#mp #mp-locations-panel{
	/* background:#F1F5F7; */
	border-color: #8D8D8D;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
#mp #mp-locations-panel .panel-body{
	background:#fff;
	padding: 0px;
}	
#mp #mp-locations-panel .panel-heading{
	padding: 5px 10px;
}
#mp #mp-locations-panel .panel-heading,
#mp #mp-locations-panel .panel,
#mp #mp-locations-panel .panel-default{
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-o-border-radius:2px;
	float: left;
	width: 100%;
}
#mp #mp-locations-panel .panel-default .panel-body {
	padding: 0px 5px 10px 5px;
}
#mp #mp-locations-panel .panel-default .mp-location-collapse-div.col-md-6 {
	padding: 0px;
}

#mp #mp-locations-panel .mp-locations-container{
	width: 90%;
	margin: 0px auto;
	padding: 0px;
	clear: both;
}


#mp #mp-locations-panel .mp-locations-container h3{
	padding: 10px 0px 5px;
	font-size: 22px;
}
#mp #mp-locations-panel .mp-locations-list{
	background: #F1F5F7 none repeat scroll 0% 0%;
	height: 100%;
	min-width: 170px;
	color: #8D8D8D;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
#mp  #mp-locations-panel .mp-locations-list span.mp-location-name{
	font-family: inherit;
	font-size: 16px;
	font-weight: 400;
	color: #8D8D8D;
	line-height: 21px;
	text-align: left;
}
#mp  #mp-locations-panel .mp-locations-list span.mp-location-name i.fa-th{
	margin-right:5px;
}
#mp  #mp-locations-panel .mp-locations-list span.mp-location-name i.fa{
	margin-right:5px;
	cursor:move;
}
#mp  #mp-locations-panel .mp-locations-details i.fa-th-list{
	margin-right:8px;
	cursor:move;
	float: left;
	position: relative;
	top: 8px;
}
#mp  #mp-locations-panel .mp-locations-list ul li.active span.mp-location-name{
	color: #495861 !important;
	border-radius: 0px;
	font-family: inherit;
	font-size: 16px;
	font-weight: 400;
	color: #3c4c5c;
	line-height: 21px;
	text-align: left;
}

/* right side services details and top menu */
#mp  #mp-locations-panel .mp-location-top-header{
	float: left;
	width: 100%;
	padding: 15px 0px 10px 15px;
}
#mp  #mp-locations-panel .mp-location-top-header .mp-location-name{
	position: relative;
	top: 5px;
	color: #3C4C5C;
	font-size: 24px;
}

#mp  #mp-locations-panel .mp-location-top-header .popover {
	max-width:230px;
	width: 200px;
}
#mp  #mp-locations-panel .mp-locations-details{
	width: 100%;
	margin-top: 20px;
}

#mp #mp-locations-panel table tr td{
	padding:5px;
}
/* new style for locations list left side */
#mp #mp-locations-panel .mp-locations-list .mp-left-locations li.mp-left-location-menu-li,
#mp #mp-locations-panel .mp-locations-list .mp-left-location li.mp-left-location-menu-li{
	width: auto;
	height: auto;
	padding: 5px;
	margin-top: 5px;
	position: relative;
	white-space: nowrap;
	overflow: hidden;
	padding-left: 24px;
}

#mp #mp-locations-panel .mp-locations-list .mp-left-location li.mp-left-location-menu-li a:focus,
#mp #mp-locations-panel .mp-locations-list .mp-left-locations li.mp-left-location-menu-li a:focus,
#mp #mp-locations-panel .mp-locations-list .mp-left-location li.mp-left-location-menu-li a:hover,
#mp #mp-locations-panel .mp-locations-list .mp-left-locations li.mp-left-location-menu-li a:hover,
#mp #mp-locations-panel .mp-locations-list .mp-left-location li.mp-left-location-menu-li:hover,
#mp #mp-locations-panel .mp-locations-list .mp-left-locations li.mp-left-location-menu-li:hover,
#mp #mp-locations-panel .mp-locations-list .mp-left-locations li.mp-left-location-menu-li,
#mp #mp-locations-panel .mp-locations-list .mp-left-location li.mp-left-location-menu-li.active{
	background: #dbdbdb;
}
#mp #mp-locations-panel .mp-locations-list .mp-left-locations li.mp-left-location-menu-li .mp-location-sort-icon,
#mp #mp-locations-panel .mp-locations-list .mp-left-location li.mp-left-location-menu-li .mp-location-sort-icon{
	display: block;
	width: 30px;
	position: absolute;
	top: 5px;
	left: 0px;
	bottom: 0px;
	text-align: center;
	padding: 5px 0px;
	
}


#mp #mp-locations-panel .mp-locations-list .nav li a{
	padding:3px 5px;
}
#mp #mp-locations-panel .mp-locations-list .popover {
	max-width: 220px;
	width: 200px;
}

#mp #mp-locations-panel .mp-locations-list h3.popover-title{
	background-color: #F8F8F8;
	font-size: 15px;
	padding: 8px 14px;
	display: block;
}
#mp #mp-locations-panel .mp-locations-list .mp-left-location {
	margin-top: 15px;
	overflow-y: auto;
}
#mp #mp-locations-panel .mp-locations-list .popover {
	max-width: 220px;
	width: 200px;
}
#mp #mp-locations-panel .mp-locations-list h3.popover-title {
	background-color: #F8F8F8;
	font-size: 15px;
	padding: 8px 14px;
	display: block;
}
/* right side listing new style */
#mp #mp-locations-panel .panel-heading .panel-title{
	line-height:30px;
	float: left;
	width: 100%;
}
#mp #mp-locations-panel .mp-location-panel .panel-heading .panel-title span.mp-location-title-name{
	width: 90%;
	float: left;
	overflow: hidden;
	white-space: nowrap;
	line-height: 34px;
	text-overflow: ellipsis;
	margin-right: 0;
}
#mp #mp-locations-panel .panel .collapse.in{
	float:left;
	width:100%;
}
#mp #mp-locations-panel #sortable-services li .mp-col1 {
	min-width: 30px !important;
}
#mp #mp-locations-panel .panel-heading .panel-title .mp-service-time-main,
#mp #mp-locations-panel .panel-heading .panel-title .mp-service-price-main {font-size:13px;}

#mp #mp-locations-panel .mp-create-location-table {
	float:left;
	width:100%;
}

/* locations  listing */
#mp #mp-locations-panel .panel-heading .panel-title a#mp-delete-location{
	position: relative;
	top: 3px;
	right: 0px;
	cursor: pointer;
}
#mp #mp-locations-panel .mp-add-new-location{
	display:none;
}

#mp #mp-locations-panel ul#sortable-locations li{
	float:left;
	width:100%;
	margin-bottom:5px !important;
}
#mp #mp-locations-panel .bootstrap-select.btn-group .dropdown-menu li{
	margin-bottom: unset !important;
}
/* google map locations */

#mp #mp-locations-panel .mp-location-map {
	width: 100%;
	float: left;
	height: 350px;
	position: relative;
	top: 5px;
}
#mp #mp-locations-panel #map {
	height: 92%;
}
#mp #mp-locations-panel .controls {
	margin-top: 10px;
	border: 1px solid transparent;
	border-radius: 2px 0 0 2px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	height: 32px;
	outline: none;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

#mp #mp-locations-panel #pac-input {
	background-color: #fff;
	font-family: inherit;
	font-size: 15px;
	font-weight: 300;
	margin-left: 12px;
	padding: 0 11px 0 13px;
	text-overflow: ellipsis;
	width: 94%;
}

#mp #mp-locations-panel #pac-input:focus {
	border-color: #4d90fe;
}

#mp #mp-locations-panel .pac-container {
	font-family: inherit;
}

#mp #mp-locations-panel #type-selector {
	color: #fff;
	background-color: #4d90fe;
	padding: 5px 11px 0px 11px;
  }

#mp #mp-locations-panel #type-selector label {
	font-family: inherit;
	font-size: 13px;
	font-weight: 300;
}
#mp #mp-locations-panel #target {
	width: 345px;
}
#mp #mp-locations-panel .mp-services-asign{
	position: relative;
	width: 100%;
	float: left;
}
#mp #mp-locations-panel .mp-right-header{
	margin: 25px 0px 0px 0px;
}




/********************************************/
/*******   SERVICES page ****************/


#mp #mp-service-addon-panel,						   
#mp #mp-services-panel{
	/* background:#F1F5F7; */
	border-color: #8D8D8D;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
}

#mp #mp-service-addon-panel .panel-body,			   
#mp #mp-services-panel .panel-body{
	background:#fff;
	padding: 15px;
}	
#mp #mp-service-addon-panel .panel-default .panel-body,
#mp #mp-services-panel .panel-default .panel-body {
	padding: 0px 5px 10px 5px;
}
#mp #mp-service-addon-panel .panel-default .mp-service-collapse-div.col-md-7 ,
#mp #mp-services-panel .panel-default .mp-service-collapse-div.col-md-7 {
	padding: 0px;
}

#mp #mp-service-addon-panel .panel-heading,	  
#mp #mp-services-panel .panel-heading{
	padding: 5px 10px;
}
#mp #mp-service-addon-panel .panel-heading,
#mp #mp-service-addon-panel .panel,
#mp #mp-service-addon-panel .panel-default,			  
#mp #mp-services-panel .panel-heading,
#mp #mp-city-panel .panel-heading,
#mp #mp-services-panel .panel,
#mp #mp-services-panel .panel-default{
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-o-border-radius:2px;
	float: left;
	width: 100%;
}

#mp #mp-service-addon-panel .mp-service-container,		 
#mp #mp-services-panel .mp-service-container{
	width: 90%;
	margin: 0px auto;
	padding: 0px;
	clear: both;
}
#mp #mp-services-panel .manage-addons-btn {
	margin: 2px 0px 0;
	cursor: pointer;
	text-decoration: none;
}

#mp #mp-service-addon-panel .mp-service-container h3,
#mp #mp-services-panel .mp-service-container h3{
	padding: 5px 0px 20px;
	font-size: 17px;
	line-height: 34px;
}
#mp #mp-service-addon-panel .mp-service-list,
#mp #mp-services-panel .mp-service-list{
	background: #F1F5F7 none repeat scroll 0% 0%;
	height: 100%;
	min-width: 170px;
	color: #8D8D8D;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
#mp  #mp-service-addon-panel .mp-service-list span.mp-service-name,							   
#mp  #mp-services-panel .mp-service-list span.mp-service-name{
	font-family: inherit;
	font-size: 16px;
	font-weight: 400;
	color: #8D8D8D;
	line-height: 21px;
	text-align: left;
	margin-right: 0;
}
#mp  #mp-service-addon-panel .mp-service-list span.mp-service-name i.fa-th,
#mp  #mp-services-panel .mp-service-list span.mp-service-name i.fa-th{
	margin-right:5px;
}
#mp  #mp-service-addon-panel .mp-services-panel i.fa-th-list,	
#mp  #mp-city-panel .mp-city-panel i.fa-th-list,	
#mp  #mp-services-panel .mp-services-panel i.fa-th-list{
	margin-right:8px;
	cursor:move;
	float: left;
	position: relative;
	top: 10px;
}
#mp #mp-service-addon-panel .mp-service-details.col-lg-9,	
#mp #mp-city-panel .mp-city-details.col-lg-9,	
#mp #mp-services-panel .mp-service-details.col-lg-9,
#mp #mp-settings .mp-setting-details.col-lg-9{
	padding: 0px !important;
}
#mp  #mp-service-addon-panel .mp-staff-right-details i.fa-th-list,							   
#mp  #mp-services-panel .mp-staff-right-details i.fa-th-list{
	margin-right:5px;
	cursor:move;
	position: relative;
	top: 2px;
}
#mp  #mp-service-addon-panel .mp-service-list ul li.active span.mp-service-name,
#mp  #mp-services-panel .mp-service-list ul li.active span.mp-service-name{
	color: #495861 !important;
	border-radius: 0px;
	font-family: inherit;
	font-size: 16px;
	font-weight: 400;
	color: #3c4c5c;
	line-height: 21px;
	text-align: left;
	margin-right: 0;
}

#mp #mp-service-addon-panel .mp-service-list .mp-left-service,								 
#mp #mp-services-panel .mp-service-list .mp-left-service{
	margin-top: 15px;
	overflow-y: auto;
}
/* new style for service list left side */
#mp #mp-service-addon-panel .mp-service-list .mp-left-services li.mp-left-service-menu-li,
#mp #mp-service-addon-panel .mp-service-list .mp-left-service li.mp-left-service-menu-li,	
#mp #mp-services-panel .mp-service-list .mp-left-services li.mp-left-service-menu-li,
#mp #mp-services-panel .mp-service-list .mp-left-service li.mp-left-service-menu-li{
	width: auto;
	height: auto;
	padding: 5px;
	margin-top: 5px;
	position: relative;
	white-space: nowrap;
	overflow: hidden;
	padding-left: 24px;
}

#mp #mp-service-addon-panel .mp-service-list .mp-left-service li.mp-left-service-menu-li a:focus,
#mp #mp-service-addon-panel .mp-service-list .mp-left-services li.mp-left-service-menu-li a:focus,
#mp #mp-service-addon-panel .mp-service-list .mp-left-service li.mp-left-service-menu-li a:hover,
#mp #mp-service-addon-panel .mp-service-list .mp-left-services li.mp-left-service-menu-li a:hover,
#mp #mp-service-addon-panel .mp-service-list .mp-left-service li.mp-left-service-menu-li:hover,
#mp #mp-service-addon-panel .mp-service-list .mp-left-services li.mp-left-service-menu-li:hover,
#mp #mp-service-addon-panel .mp-service-list .mp-left-services li.mp-left-service-menu-li,
#mp #mp-service-addon-panel .mp-service-list .mp-left-service li.mp-left-service-menu-li.active,	
#mp #mp-services-panel .mp-service-list .mp-left-service li.mp-left-service-menu-li a:focus,
#mp #mp-services-panel .mp-service-list .mp-left-services li.mp-left-service-menu-li a:focus,
#mp #mp-services-panel .mp-service-list .mp-left-service li.mp-left-service-menu-li a:hover,
#mp #mp-services-panel .mp-service-list .mp-left-services li.mp-left-service-menu-li a:hover,
#mp #mp-services-panel .mp-service-list .mp-left-service li.mp-left-service-menu-li:hover,
#mp #mp-services-panel .mp-service-list .mp-left-services li.mp-left-service-menu-li:hover,
#mp #mp-services-panel .mp-service-list .mp-left-services li.mp-left-service-menu-li,
#mp #mp-services-panel .mp-service-list .mp-left-service li.mp-left-service-menu-li.active{
	background: #dbdbdb;
}
#mp #mp-service-addon-panel .mp-service-list .mp-left-services li.mp-left-service-menu-li .mp-service-sort-icon,
#mp #mp-service-addon-panel .mp-service-list .mp-left-service li.mp-left-service-menu-li .mp-service-sort-icon,
#mp #mp-services-panel .mp-service-list .mp-left-services li.mp-left-service-menu-li .mp-service-sort-icon,
#mp #mp-services-panel .mp-service-list .mp-left-service li.mp-left-service-menu-li .mp-service-sort-icon{
	display: block;
	width: 30px;
	position: absolute;
	top: 5px;
	left: 0px;
	bottom: 0px;

	text-align: center;
	padding: 5px 0px;
	cursor: move;
}


#mp #mp-service-addon-panel .mp-service-list .nav li a, 
#mp #mp-services-panel .mp-service-list .nav li a{
	padding:3px 5px;
	white-space: normal;
	word-wrap: break-word;
}
#mp #mp-service-addon-panel .mp-service-list .popover ,
#mp #mp-services-panel .mp-service-list .popover {
	max-width: 250px;
	width: 200px;
}
#mp #mp-service-addon-panel ul#sortable-services li .mp-col1 .popover,
#mp #mp-city-panel ul#sortable-city li .mp-col1 .popover,
#mp #mp-services-panel ul#sortable-services li .mp-col1 .popover{
	width: 170px;
	max-width: 250px;
}
#mp #mp-service-addon-panel .mp-staff-right-details ul li .popover ,								
#mp #mp-services-panel .mp-staff-right-details ul li .popover {
	width: 170px;
	max-width: 200px;
}

#mp #mp-service-addon-panel .mp-service-list h3.popover-title,									 
#mp #mp-city-panel .mp-city-list h3.popover-title,									 
#mp #mp-services-panel .mp-service-list h3.popover-title{
	background-color: #F8F8F8;
	font-size: 15px;
	padding: 8px 14px;
	display: block;
}

/* right side services details and top menu */
#mp  #mp-service-addon-panel .mp-service-top-header,
#mp  #mp-city-panel .mp-city-top-header,
#mp  #mp-services-panel .mp-service-top-header{
	line-height:30px;
	color: #3C4C5C;
	font-size: 24px;
	float: left;
	width: 100%;
	padding: 15px 15px 10px 0px;
}

#mp #registered-customers-listin h3,
#mp  #mp-service-addon-panel .mp-service-top-header h2,
#mp  #mp-city-panel .mp-city-top-header h2,
#mp  #mp-services-panel .mp-service-top-header h2{
	font-size: 24px;
}
#mp #mp-service-addon-panel .mp-service-details,	
#mp #mp-city-panel .mp-city-details,	
#mp #mp-services-panel .mp-service-details{
	padding-left: 0;
	padding-right: 0;
}
#mp #mp-service-addon-panel .panel-heading .panel-title .mp-delete-popover,
#mp #mp-city-panel .panel-heading .panel-title .mp-delete-popover,
#mp #mp-services-panel .panel-heading .panel-title .mp-delete-popover{
	position: relative;
	top: 3px;
}
#mp #mp-locations-panel .panel-default.mp-location-panel .mp-col2  .btn-sm.mp-delete-popover{
	position: relative;
	top: 4px;
}

#mp  #mp-service-addon-panel .mp-service-top-header .popover , 
#mp  #mp-city-panel .mp-city-top-header .popover , 
#mp  #mp-services-panel .mp-service-top-header .popover {
	max-width:230px;
	width: 200px;
}
#mp  #mp-service-addon-panel .mp-service-right-details,
#mp  #mp-city-panel .mp-city-right-details,
#mp  #mp-services-panel .mp-service-right-details{
	width: 100%;
	margin-top: 20px;
}
#mp  #mp-service-addon-panel .mp-service-right-menu,
#mp  #mp-city-panel .mp-city-right-menu,
#mp  #mp-services-panel .mp-service-right-menu{
	text-transform:uppercase;
}
#mp #mp-service-addon-panel table tr td,
#mp #mp-city-panel table tr td,
#mp #mp-services-panel table tr td{
	padding:5px;
}



/* right side listing new style */
#mp #mp-service-addon-panel .panel-heading .panel-title,  
#mp #mp-city-panel .panel-heading .panel-title,  
#mp #mp-services-panel .panel-heading .panel-title{
	line-height:30px;
	float: left;
	width: 100%;
}
#mp #mp-service-addon-panel .mp-services-panel .panel-title span.mp-service-title-name,
#mp #mp-city-panel .mp-city-panel .panel-title span.mp-city-title-name,
#mp #mp-services-panel .mp-services-panel .panel-title span.mp-service-title-name{
	position: relative;
	padding-left: 5px;
	margin-right: 0px;
}
#mp #mp-service-addon-panel .panel-heading .panel-title .badge,	  
#mp #mp-services-panel .panel-heading .panel-title .badge{
	display:inline-block;
	width:20px;
	height:20px;
	-moz-border-radius: 3px !important;
	-webkit-border-radius: 3px !important;
	-ms-border-radius: 3px !important;
	border-radius: 3px !important;
	margin:0px 5px;
}
#mp #mp-service-addon-panel .panel .collapse.in,
#mp #mp-services-panel .panel .collapse.in{
	float:left;
	width:100%;
}
#mp #mp-service-addon-panel #sortable-services li .mp-col1 ,	
#mp #mp-city-panel #sortable-city li .mp-col1 ,	
#mp #mp-services-panel #sortable-services li .mp-col1 {
	min-width: 20px !important;
	position: relative;
	right: 10px;
	top: 2px;
}
#mp #mp-service-addon-panel .panel-heading .panel-title .mp-service-time-main,
#mp #mp-service-addon-panel .panel-heading .panel-title .mp-service-price-main,
#mp #mp-services-panel .panel-heading .panel-title .mp-service-time-main,
#mp #mp-services-panel .panel-heading .panel-title .mp-service-price-main {font-size:14px;margin: 0;}

#mp #mp-service-addon-panel .mp-create-service-table,
#mp #mp-services-panel .mp-create-service-table {
	float:left;
	width:100%;
}

#mp #mp-service-addon-panel .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark:before,	 
#mp #mp-services-panel .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark:before{
	content:"\f00c";
	font-family:FontAwesome;
}

#mp #mp-service-addon-panel .mp-service-duration .bootstrap-select,
#mp #mp-services-panel .mp-service-duration .bootstrap-select{
	width: 110px;
}
#mp .mp-services-panel  .mp-create-service-table .demo,
#mp .mp-city-panel  .mp-create-city-table .demo{
	width:130px;
	cursor: pointer;
}
#mp #mp-service-addon-panel .mp-service-duration .bootstrap-select.btn-group .dropdown-menu li a,
#mp #mp-services-panel .mp-service-duration .bootstrap-select.btn-group .dropdown-menu li a {
	line-height: 23px;
	padding: 3px 14px;
}
#mp #mp-service-addon-panel .mp-service-duration .dropdown-menu > li > a:focus,
#mp #mp-service-addon-panel .mp-service-duration .dropdown-menu > li > a:hover,
#mp #mp-services-panel .mp-service-duration .dropdown-menu > li > a:focus,
#mp #mp-services-panel .mp-service-duration .dropdown-menu > li > a:hover {
	background: transparent linear-gradient(to bottom, #5BC0DE 0px, #2AABD2 100%) repeat scroll 0% 0%;
	background: transparent -webkit-linear-gradient(to bottom, #5BC0DE 0px, #2AABD2 100%) repeat scroll 0% 0%;
	background: transparent -moz-linear-gradient(to bottom, #5BC0DE 0px, #2AABD2 100%) repeat scroll 0% 0%;
	background: transparent -o-linear-gradient(to bottom, #5BC0DE 0px, #2AABD2 100%) repeat scroll 0% 0%;
	color: #FFF;
}


/* service listing */
#mp #mp-service-addon-panel .panel-heading .panel-title a#mp-delete-service,
#mp #mp-services-panel .panel-heading .panel-title a#mp-delete-service{
	position: relative;
	top: 4px;
	cursor: pointer;
}
#mp #mp-service-addon-panel .mp-add-new-service-addons,
#mp #mp-city-panel .mp-add-new-city-addons,
#mp #mp-services-panel .mp-add-new-service{
	display:none;
}

#mp #mp-service-addon-panel ul#sortable-services li,				   
#mp #mp-city-panel ul#sortable-city li,				   
#mp #mp-services-panel ul#sortable-services li{
	float:left;
	width:100%;
	margin-bottom:5px !important;
}
#mp #mp-service-addon-panel .bootstrap-select.btn-group .dropdown-menu li,
#mp #mp-services-panel .bootstrap-select.btn-group .dropdown-menu li{
	margin-bottom: unset !important;
}
#mp #mp-service-addon-panel ul#mp-select-staff-member li span.mp-service-provider-list,
#mp #mp-services-panel ul#mp-select-staff-member li span.mp-service-provider-list{
	width: 70%;
	float: right;
	overflow: hidden;
	white-space: nowrap;
	line-height: 34px;
	text-overflow: ellipsis;
	margin-right: 0;
}

/****************************/
/****************************/
/*   Settings page  */
/*
#mp  #mp-settings #appearance-setting .minicolors-theme-bootstrap .minicolors-input {
	float: left;
	padding-left: 40px;
	width: 100%;
}*/
#mp .input-group .form-control:focus {
	z-index: initial;
}
#mp .intl-tel-input input,
#mp .intl-tel-input input[type="text"],
#mp .intl-tel-input input[type="tel"]{
	padding-left: 45px !important;
}

#mp  .mp-toggle-abs{
	visibility: hidden;
	position: absolute;
	width: 100%;
	top: 0;
	height: 0;
}

#mp  .mp-toggle-abs.tab-pane.active{
	visibility: visible !important;
	height: auto;
	position: relative;
}


/* common style for form-group */
#mp  #mp-settings #company-details .form-group,
#mp  #mp-settings #general-setting .form-group,
#mp  #mp-settings #appearance-setting .form-group,
#mp  #mp-settings #payment-setting .mp-payment-methods .form-group,
#mp  #mp-settings #sms-reminder .mp-sms-reminder-input .form-group,
#mp #mp-settings #labels .mp-labels-all .form-group{
	margin-bottom: 1px;
	float: left;
	margin-right: 20px;
	position: relative;
}
#mp .form-group-margin .form-group{
	margin-bottom: 1px;
	float: left;
	width: 100%;
	margin-right: 20px;
	position: relative;
}
/* {
	margin-right: 20px;
} */
#mp #mp-settings #company-details img.mp-company-image {
	max-width: 100%;
	width: auto;
	height: auto;
	float: left;
	vertical-align: middle;
	cursor: default;
}
#mp #mp-settings #company-details .mp-company-image-uploader i.mp-camera-icon-common.fa-camera {
	position: absolute;
	background: #fff;
	text-align: center;
	opacity: 0.85;
	display: none;
	cursor: pointer;
	border: 1px solid #cfcfcf;
	top: 55px;
	left: 85px;
	padding: 10px;
	font-size: 22px;
	margin: 0px;
	cursor: pointer;
}


#mp #mp-settings .panel-heading{
	color: #333;
	background-color: #F5F5F5;
	border-color: #8D8D8D;
}
#mp  #mp-settings #email-template .panel-collapse.collapse,
#mp  #mp-settings #sms-template .panel-collapse.collapse {
	float: left;
	width: 100%;
	position: relative;
}
#mp  #mp-settings  .mp-panel-default{
	background:#F1F5F7;
	margin-top: 20px;
	border-color: #8D8D8D;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
#mp  #mp-settings  .mp-panel-default .panel-body{
	padding: 15px;
}

#mp  #mp-settings  .mp-left-menu{
	background: #E1E7EB none repeat scroll 0% 0%;
	height: 100%;
	min-width: 170px;
	color: #8D8D8D;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
#mp  #mp-settings .mp-left-menu ul li a{
	font-family: inherit;
	font-size: 12px;
	font-weight: 400;
	color: #8D8D8D;
	line-height: 20px;
	padding: 18px 0px;
	text-align: center;
}
#mp  #mp-settings  .mp-left-menu ul li.active a,
#mp  #mp-settings  .mp-left-menu ul li a:hover{
	
	background-color: #F1F5F7 !important;
	color: #495861 !important;
	border-radius: 0px;
	font-family: inherit;
	font-size: 12px;
	font-weight: 400;
	color: #C1C8CD;
	line-height: 20px;
	padding: 18px 0px;
	text-align: center;
}

#mp  #mp-settings  .mp-setting-details table.mp-common-table tr td{
	padding:5px;
}
#mp table.form-group-margin tr td,
#mp table.mp-common-table tr td{
	position: relative;
}
#mp  #mp-settings .mp-general-setting .mp-setting-menu{
	color:#000;
	font-size:13px;
	font-weight:300;
}

#mp  #mp-settings #general-setting .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
	width: 100%;
}

#mp  #mp-settings #general-setting .bootstrap-select.btn-group .dropdown-menu{
	max-height:260px !important;
	overflow: hidden;
}
#mp  #mp-settings #general-setting .bootstrap-select.btn-group .dropdown-menu li a{
	line-height:23px;
	padding: 3px 14px;
}
#mp  #mp-settings #general-setting  .mp-tax-vat-input-container{
	position: relative;
	float: left;
	width: 100%;
	line-height: 36px;
}
#mp  #mp-settings #general-setting i.mp-tax-percent,
#mp  #mp-settings #general-setting .mycollapse_patial-deposit i.fa-percent{
	position: relative;
	top: 1px;
	right: -5px;
}

#mp  #mp-settings #general-setting  .mp-tax-vat-input-container .mp-partial-input-per{
	float: left;
}
/* setting > payment gateways setting css */
#mp #mp-settings #payment-setting .mp-all-payments-main .mp-payment-methods img.mp-img-payments,
#mp #mp-settings #sms-reminder .mp-all-sms-main .mp-sms-gateway img.mp-sms-gateway-img{
	position: relative;
	left: 10px;
}
#mp #mp-settings #payment-setting .mp-all-payments-main .mp-enable-disable-right,
.mp-all-payments-main .mp-enable-disable-right,
#mp #mp-settings #sms-reminder .mp-all-sms-main .mp-enable-disable-right {
	display: inline-block;
	position: relative;
	top: -2px;
	right: 0px;
}


#mp  #mp-settings #payment-setting .mp-all-payments-main h4.panel-title,
.mp-all-payments-main h4.panel-title,
.mp-payment-methods h4.panel-title,
#mp  #mp-settings #sms-reminder .mp-all-sms-main h4.panel-title{
	line-height: 24px;
}

#mp h4.panel-title span{
	margin-right: 20px;
}
#mp span,
#mp span span,
#mp h4.panel-title span.toggle-handle{
	margin-right: 0px !important;
}


#mp  #mp-settings #payment-setting .mp-all-payments-main,
.mp-all-payments-main,
#mp  #mp-settings #payment-setting .mp-all-payments-main .mp-payment-methods,
.mp-all-payments-main .mp-payment-methods,
#mp  #mp-settings #sms-reminder .mp-all-sms-main .panel.mp-sms-gateway{
	float: left;
	width: 100%;
	position: relative;
	line-height: 24px;
	margin-bottom: 5px !important;
	border: 1px solid rgba(0,0,0,0.3);
}


#mp  #mp-settings #payment-setting .panel-group {
	margin-bottom: 0px !important;
}
#mp #mp-settings #payment-setting .mp-paypal-setting-warning{
	position: relative;
	float:left;
	display: inline-block;
	bottom: 7px;
}
#mp #mp-settings #payment-setting .mp-enable-disable-right{
	display: inline-block;
	position: relative;
	top: -7px;
	right: 0px;
	height: 26px;
}	



/* setting > Email,sms template setting css */
#mp  #mp-settings #email-template ul li .panel-heading,
#mp  #mp-settings #sms-template ul li .panel-heading{
	padding: 5px 10px;
}
#mp  #mp-settings #email-template ul li .panel-heading,
#mp  #mp-settings #sms-template ul li .panel-heading,
#mp #mp-service-addon-panel .panel,
#mp #mp-service-addon-panel .panel-default,			  
#mp #mp-services-panel .panel,
#mp #mp-services-panel .panel-default{
	float: left;
	width: 100%;
}
#mp #mp-settings .mp-setting-details .mp-email-template-panel.panel-default .mp-email-temp-collapse-div.col-md-12 ,
#mp #mp-settings .mp-setting-details .mp-sms-template-panel.panel-default .mp-sms-temp-collapse-div.col-md-12 {
	padding: 10px 0px;
}
#mp  #mp-settings #email-template ul li .panel-body,
#mp  #mp-settings #sms-template ul li .panel-body{
	padding: 0px 5px 10px 5px;
}
#mp  #mp-settings #email-template ul li .panel-body .mp-email-content-tags a.tags,
#mp  #mp-settings #sms-template ul li .panel-body .mp-sms-content-tags a.tags{
	text-decoration: none;
	cursor: pointer;
	line-height: 30px;
}
#mp  #mp-settings #email-template .tab-content ul li,
#mp  #mp-settings #sms-template .tab-content ul li{
	float:left;
	width:100%;
	margin-bottom:5px !important;
}	
#mp  #mp-settings #email-template ul li span.mp-template-name,
#mp  #mp-settings #sms-template ul li span.mp-template-name{
	width: 85%;
	float: left;
	overflow: hidden;
	white-space: nowrap;
	line-height: 34px;
	text-overflow: ellipsis;
	margin-right: 0;
}
#mp  #mp-settings #email-template .tab-content,
#mp  #mp-settings #sms-template .tab-content{
	padding:0px 15px;
}
#mp  #mp-settings #email-template .tab-content #client-email-template h4.panel-title span,
#mp  #mp-settings #email-template .tab-content #service-provider-email-template h4.panel-title span,
#mp  #mp-settings #email-template .tab-content #admin-manager-email-template h4.panel-title span,
#mp  #mp-settings #sms-template .tab-content #client-sms-template h4.panel-title span,
#mp  #mp-settings #sms-template .tab-content #service-provider-sms-template h4.panel-title span,
#mp  #mp-settings #sms-template .tab-content #admin-manager-sms-template h4.panel-title span{
	line-height: 32px;
	margin-right: 0;
}
#mp  #mp-settings #email-template .tab-content #client-email-template #accordion,
#mp  #mp-settings #email-template .tab-content #service-provider-email-template #accordion,
#mp  #mp-settings #email-template .tab-content #admin-manager-email-template #accordion,
#mp  #mp-settings #sms-template .tab-content #client-sms-template #accordion,
#mp  #mp-settings #sms-template .tab-content #service-provider-sms-template #accordion,
#mp  #mp-settings #sms-template .tab-content #admin-manager-sms-template #accordion{
	padding: 0px;
	margin: 0px;
	float: left;
	width: 100%;
}
#mp  #mp-settings #email-template .tab-content #client-email-template #accordion .mp-email-panel .mp-email-content-tags a,
#mp  #mp-settings #email-template .tab-content #service-provider-email-template #accordion .mp-email-panel .mp-email-content-tags a,
#mp  #mp-settings #email-template .tab-content #admin-manager-email-template #accordion .mp-email-panel .mp-email-content-tags a,
#mp  #mp-settings #sms-template .tab-content #client-sms-template #accordion .mp-email-panel .mp-email-content-tags a,
#mp  #mp-settings #sms-template .tab-content #service-provider-sms-template #accordion .mp-email-panel .mp-email-content-tags a,
#mp  #mp-settings #sms-template .tab-content #admin-manager-sms-template #accordion .mp-email-panel .mp-email-content-tags a{
	cursor: pointer;
}



#mp  #mp-settings #email-template .tab-content #client-email-template #accordion .mp-email-panel,
#mp  #mp-settings #email-template .tab-content #service-provider-email-template #accordion .mp-email-panel,
#mp  #mp-settings #email-template .tab-content #admin-manager-email-template #accordion .mp-email-panel,
#mp  #mp-settings #sms-template .tab-content #client-sms-template #accordion .mp-sms-panel,
#mp  #mp-settings #sms-template .tab-content #service-provider-sms-template #accordion .mp-sms-panel,
#mp  #mp-settings #sms-template .tab-content #admin-manager-sms-template #accordion .mp-sms-panel{
	float: left;
	width: 100%;
	margin: 0px 0px 5px 0px !important;
	border: 1px solid rgba(0,0,0,0.3);
}
#mp  #mp-settings #email-template .tab-content #client-email-template #accordion .mp-email-panel .panel-heading,
#mp  #mp-settings #email-template .tab-content #service-provider-email-template #accordion .mp-email-panel .panel-heading,
#mp  #mp-settings #email-template .tab-content #admin-manager-email-template #accordion .mp-email-panel .panel-heading,
#mp  #mp-settings #sms-template .tab-content #client-sms-template #accordion .mp-sms-panel .panel-heading,
#mp  #mp-settings #sms-template .tab-content #service-provider-sms-template #accordion .mp-sms-panel .panel-heading,
#mp  #mp-settings #sms-template .tab-content #admin-manager-sms-template #accordion .mp-sms-panel .panel-heading{
	padding: 5px 10px;
	display: inline-block;
	float: left;
	width: 100%;
}

#mp #mp-settings  #email-template .panel-collapse table.mp-email-table tr td,
#mp #mp-settings  #sms-template .panel-collapse table.mp-email-table tr td{
	padding:5px;
}
#mp #mp-settings  #client-email-template input[type="checkbox"],
#mp #mp-settings  #admin-provider-email-template input[type="checkbox"],
#mp #mp-settings  #client-sms-template input[type="checkbox"],
#mp #mp-settings  #admin-provider-sms-template input[type="checkbox"]{
	display:none;
}


#mp #mp-settings #email-template .mp-yes-no-email-right,
#mp #mp-settings #sms-template .mp-yes-no-sms-right{
	display: inline-block;
	position: relative;
	top: 1px;
	left: 0px;
	height: 30px;
	margin-right: 10px;
}	

#mp  #mp-settings #client-email-template .mp-email-panel .panel-heading .mp-toggle,
#mp  #mp-settings #admin-provider-email-template .mp-email-panel .panel-heading .mp-toggle,
#mp  #mp-settings #client-sms-template .mp-sms-panel .panel-heading .mp-toggle,
#mp  #mp-settings #admin-provider-sms-template .mp-sms-panel .panel-heading .mp-toggle{
	margin: 4px 4px 4px 0px;
	position: relative;
	bottom: 4px;
}


/* settings > sms settings */

#mp #mp-settings #sms-reminder .mp-enable-disable-right{
	display: inline-block;
	position: relative;
	top: -8px;
	right: 0px;
	height: 26px;
}

#mp #mp-settings #sms-reminder .panel-heading .panel-title a.mp-tooltip-link{
	top: 5px;
}
#mp #mp-settings #sms-reminder td#hr{
	padding: 0px;
}
#mp #mp-settings #sms-reminder .mp-sms-reminder-input table tbody th{
	padding: 8px;
}


/* settings > manage form fields settings */

#mp #mp-settings #manage-form-fields table tbody tr td div.form-group {
	margin: 0px;
}
#mp #mp-settings #manage-form-fields .mp-min-max{
	width: 128px;
}
#mp #mp-settings #manage-form-fields .mp-min-max i.fa{
	margin: 0px;
}
#mp #mp-settings #manage-form-fields .mp-min-max .mp-btn-text {
	width: 42%;
	cursor: not-allowed;
	pointer-events: none;
	margin: 0px;
	border-color: #cfcfcf;
	text-align: center;
	font-size: 18px;
	height: 34px;
	padding: 5px 10px;
}


/* settings > Labels settings */

#mp #mp-settings #labels table tbody th {
	padding: 8px;
}

/* settings > Promocode settings */

#mp #mp-settings  #promocode .btn-xs.mp-edit-coupon{
	padding:4px;
	
}
#mp #mp-settings  #promocode .mp-edit-coupon,
#mp #mp-settings  #promocode .delete-promocode {
	position: relative;
	top: 6px;
	cursor: pointer;
}


#mp #mp-settings  #promocode .tab-content{
	padding:0px 15px;
}
#mp #mp-settings  #promocode .panel-collapse table.mp-email-table tr td{
	padding:5px;
}
#mp #mp-settings  #promocode #datepicker{
	width:180px;
	margin: 0 20px 20px 20px;
}
#mp #mp-settings  #promocode #datepicker > span:hover{
	cursor: pointer;
}
#mp #mp-settings  #promocode .panel-default{
	min-height: 500px;
	overflow: auto;
}
#mp #mp-settings  #promocode table#mp-promocode-list tr td a.btn-info.btn-xs.mp_update_promocode{
	float: left !important;
}

/* settings > custom form fields checkbox style */
#mp .frmb .checkbox input[type="checkbox"]{
	position: unset !important;
	margin: unset !important;
}
#mp .frmb .hidden{
	display: block !important;
}


/****************************/
/****************************/
/*  payments  */
#mp #mp-payments .tab-content{
	padding:15px;
}
#mp #mp-payments .dataTables_wrapper .dataTables_length ,
#mp #mp-payments div.dataTables_wrapper div.dataTables_filter {
	margin: 5px 0px;
}

#mp #mp-payments div.dt-buttons{
	text-align:center;
	float: none;
	display: flex;
	justify-content: center;

}
#mp #payments-details_paginate.dataTables_paginate{
	z-index: 5;
	position: relative;
}
/****************************/
/****************************/
/*  Export  */
#mp #mp-export-details .tab-content{
	padding:15px;
}
#mp #mp-export-details .dataTables_wrapper .dataTables_length ,
#mp #mp-export-details div.dataTables_wrapper div.dataTables_filter {
	margin: 5px 0px;
}

#mp #mp-export-details div.dt-buttons{
	text-align:center;
	float: none;
	display: flex;
	justify-content: center;
	
}
#mp #registered-customers-listing div.dataTables_wrapper div.dataTables_filter input,
#mp #guest-customers-listing div.dataTables_wrapper div.dataTables_filter input,
#mp #mp-payments div.dataTables_wrapper div.dataTables_filter input,
#mp #promocode div.dataTables_wrapper div.dataTables_filter input,
#mp #mp-export-details div.dataTables_wrapper div.dataTables_filter input{
	width: auto !important;
}


/****************************/
/****************************/
/*  Customers listing  */

#mp #mp-customers-listing .dataTables_wrapper .dataTables_length ,
#mp #mp-customers-listing .dataTables_wrapper .dataTables_length ,
#mp #mp-reviews div.dataTables_wrapper div.dataTables_filter {
	margin: 5px 0px;
}

#mp #mp-customers-listing div.dt-buttons{
	text-align:center;
	float: none;
	display: flex;
	justify-content: center;
}

#mp #mp-customers-listing .booking-details-modal .close{
	float: right;
	font-size: 50px;
	position: absolute;
	right: 12px;
	top: 5px;
}
#mp #mp-customers-listing td.mp-bookings-td{
	position: relative;
}

#mp #mp-customers-listing td.mp-bookings-td .badge{	
	padding: 3px 5px !important;
	border: 1px solid !important;
	top: initial !important;
	margin: -11px 0px !important;
	position: absolute !important;
	-webkit-border-radius: 10px !important;
	-moz-border-radius: 10px !important;
	border-radius: 10px !important;
}

	
/* new css added */

/* #mp #mp-service-addon-panel .mp-service-list .mp-left-service li.mp-left-service-menu-li,
#mp #mp-services-panel .mp-service-list .mp-left-service li.mp-left-service-menu-li{
	padding-right: 30px; 
} */

#mp #mp-service-addon-panel .mp-service-list .mp-left-service li .mp-delete-category-btn,
#mp #mp-services-panel .mp-service-list .mp-left-service li .mp-delete-category-btn{
	display: block;
	padding: 1px 4px;
	position: absolute;
	top: 7px;
	right: 4px;
	z-index: 999;
}
#mp #mp-service-addon-panel .mp-service-list .mp-left-service li:hover .mp-delete-category-btn,  
#mp #mp-services-panel .mp-service-list .mp-left-service li:hover .mp-delete-category-btn{
	display: block;
}

#mp #mp-reviews #user-booking-details .modal-md {
	width: 1020px;
}

#mp #mp-reviews #update-user-booking-details .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
	width: 100% !important;
}

/****** Style Star Rating Widget *****/


#mp #mp-reviews div.dt-buttons {
	text-align: center;
	float: none;
	display: flex;
	justify-content: center;
}
#mp #mp-reviews .tab-content{
	padding:15px;
}
#mp #user-booking-details .fa.fa-repeat,
#mp #user-booking-details .fa.fa-ban,
#mp #user-booking-details .fa.fa-star,
#mp #mp-reviews .fa.fa-check,
#mp #mp-reviews .fa.fa-trash-o,
#mp #mp-reviews .fa.fa-eye{
	margin-right: 0px;
}
#mp #mp-reviews .rating { 
  border: none;
  float: right;
  position: relative;
 
}
#mp #mp-user-appointments .rating > input { display: none; } 
#mp #mp-reviews .rating > input { display: none; } 
#mp #mp-user-appointments .rating > label:before ,
#mp #mp-reviews .rating > label:before { 
  margin: 0px 2px;
  font-size: 15px;
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005";
}
#mp #mp-user-appointments .rating > label:before{
	  font-size: 30px;
}


#mp #mp-user-appointments .rating > .half:before,
#mp #mp-reviews .rating > .half:before { 
  content: "\f089";
  position: absolute;
}
#mp #mp-user-appointments .rating > label ,
#mp #mp-reviews .rating > label { 
  color: #ddd !important; 
 float: right; 
}

/***** CSS Magic to Highlight Stars on Hover *****/

#mp #mp-reviews .rating > input:checked ~ label:before, /* show gold star when clicked */
#mp #mp-user-appointments .rating > input:checked ~ label:before, /* show gold star when clicked */
#mp #mp-reviews .rating:not(:checked) > label:hover, /* hover current star */
#mp #mp-user-appointments .rating:not(:checked) > label:hover, /* hover current star */
#mp #mp-reviews .rating:not(:checked) > label:hover ~ label:before { color: #FFD700 !important;  } /* hover previous stars in list */
#mp #mp-user-appointments .rating:not(:checked) > label:hover ~ label:before { color: #FFD700 !important;  } /* hover previous stars in list */

#mp #mp-reviews .rating > input:checked + label:hover:before, /* hover current star when changing rating */
#mp #mp-user-appointments .rating > input:checked + label:hover:before, /* hover current star when changing rating */
#mp #mp-reviews .rating > input:checked ~ label:hover,
#mp #mp-user-appointments .rating > input:checked ~ label:hover,
#mp #mp-reviews .rating > label:hover ~ input:checked ~ label:before, /* lighten current selection */
#mp #mp-user-appointments .rating > label:hover ~ input:checked ~ label:before, /* lighten current selection */
#mp #mp-reviews .rating > input:checked ~ label:hover ~ label { color: #FFED85 !important;  } 
#mp #mp-user-appointments .rating > input:checked ~ label:hover ~ label { color: #FFED85 !important;  } 

/* user style */
/*#mp #mp-customers-listing tr.child td li span.dtr-data .badge,
#mp #mp-customers-listing td.mp-bookings-td .badge,
#mp #mp-user-profile tr.child td li span.dtr-data .badge,	
#mp #mp-user-profile td a.mp-my-booking-user .badge,*/
#mp #mp-user-appointments td a.mp-my-booking-user .badge{	

	padding: 3px 5px !important;
	border: 1px solid !important;
	top: initial !important;
	margin: -11px 0px !important;
	position: absolute !important;
}

/****** Style Star Rating Widget *****/

#mp #user-booking-details #service-review textarea.review-textarea{
	width: 100% !important;
}

#mp #mp-user-appointments .rating { 
  border: none;
  float: left;
  margin-left: 10px;
  position: relative;
  top: -7px;
}
#mp #mp-user-appointments #mp_client_orderbookings .popover{
	max-width:340px;
	width: 340px;
}



#mp #mp-user-profile .col-md-10 .col-md-6{
	min-height: 67px;
}	

/* New page What's New? style Latest */
#mp #mp-moveto-welcome .mp-welcome-main{
	padding: 13px 40px 10px 30px;
	position: relative;
}
#mp #mp-moveto-welcome .mp-welcome-main .mp-into-text{
	margin-bottom: 20px;
	line-height: 28px;
	font-size: 17px;
	margin-right: 360px;
}
#mp #mp-moveto-welcome .mp-welcome-main .mp-moveto-badge{
	position: absolute;
	top: 30px;
	right: 10px;
}
#mp #mp-moveto-welcome .mp-welcome-main .mp-moveto-badge img{
	width: 220px;
	height: auto;
	display: block;
	margin: 0;
}
#mp #mp-moveto-welcome .mp-welcome-inner{
	position: relative;
	overflow: auto;
	margin: 16px 0;
	font-size: 14px;
	line-height: 24px;
	padding: 30px 30px 30px 20px;
	background: #fff;
	border-color: #ccc;
	box-shadow: 0 1px 3px rgba(0,0,0,0.15);
	float: left;
	width: 100%;
}
#mp #mp-moveto-welcome .mp-welcome-inner .mp-cleato-articles .panel-heading,
#mp #mp-moveto-welcome .mp-welcome-inner .mp-cleato-help .panel-heading,
#mp #mp-moveto-welcome .mp-welcome-inner .mp-cleato-changelog .panel-heading{
	padding: 15px 15px 5px 15px;
	position: relative;
	z-index: 3;
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px !important;
}
#mp #mp-moveto-welcome .mp-welcome-inner .mp-cleato-articles ul.mp-articles-ul{
	margin: 10px 10px 10px 0;
}
#mp #mp-moveto-welcome .mp-welcome-inner .mp-cleato-articles ul.mp-articles-ul li{
	line-height: 16px;
	list-style-type: none;
	padding: 0 0 6px;
	margin-bottom: 5px !important;
}
#mp #mp-moveto-welcome .mp-welcome-inner .mp-cleato-articles ul.mp-articles-ul li a{
	text-decoration: none;
	font-size: 16px;
}
#mp #mp-moveto-welcome .mp-welcome-inner .mp-cleato-changelog .mp-changelog-menu ul{
	margin-bottom: 20px;
	list-style-type: none;
	list-style-position: inside;
}
#mp #mp-moveto-welcome .mp-welcome-inner .mp-cleato-changelog .mp-changelog-menu ul li{
	float: left;
	display: block;
	margin: 0px;
	padding: 0px;
	width: 100%;
	position: relative;
}
#mp #mp-moveto-welcome .mp-welcome-inner .mp-cleato-changelog .mp-changelog-menu ul li a{
	text-align: right;
	font-size: 13px;
	display: block;
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: #eaeaea;
	margin: 0px;
	padding: 15px 20px;
	background: #f8f8f8;
	font-weight: 400;
	color: #2c3e50;
	transition: all 300ms linear 0s;
}
#mp #mp-moveto-welcome .mp-welcome-inner .mp-cleato-changelog .mp-changelog-menu ul li.active a{
	border-color: #21c2f8;
	color: #21c2f8;
	
}
#mp #mp-moveto-welcome .mp-welcome-inner .mp-cleato-changelog .mp-changelog-menu ul li.active a{
	background-color: #fff;
	border: 1px solid;
	border-right: none;
}
#mp #mp-moveto-welcome .mp-welcome-inner .mp-cleato-changelog ul.mp-changelog-ul{
	margin: 10px 10px 10px 0;
}
#mp #mp-moveto-welcome .mp-welcome-inner .mp-cleato-changelog ul.mp-changelog-ul li:first-child {
	border: none;
}	
#mp #mp-moveto-welcome .mp-welcome-inner .mp-cleato-changelog ul.mp-changelog-ul li{
	line-height: 20px;
	position: relative;
	margin-right: 0;
	border-top: thin dashed rgba(215, 215, 215, 0.75);
	padding: 8px 0 5px 75px;
	margin-bottom: 3px;
}

#mp #mp-moveto-welcome .mp-welcome-inner .mp-cleato-changelog ul.mp-changelog-ul li span.mp-added,
#mp #mp-moveto-welcome .mp-welcome-inner .mp-cleato-changelog ul.mp-changelog-ul li span.mp-improved,
#mp #mp-moveto-welcome .mp-welcome-inner .mp-cleato-changelog ul.mp-changelog-ul li span.mp-fixed{
	font-style: normal;
	display: inline-block;
	text-transform: uppercase;
	position: absolute;
	top: 9px;
	left: 0;
	color: #fff;
	font-weight: 400;
	text-align: center;
	min-width: 70px;
	font-size: 11px;
	line-height: 18px;
	height: 18px;
	padding: 0 4px;
	margin: 0;
}
#mp .selectedDate{
	color: #ffffff;
	background-color: #ff0000;
}

/* fix backdrop issue in mobile and ipad  */
body.mobile.modal-open #wpwrap {
	position: relative;
}
#mp .btn-group-xs > .btn, .btn-xs{
	padding:3px 10px !important;
}
#mp #mp-settings #company-details .custom-imageplus-icon{
	top: 10px;
	position: absolute;
	left: -10px;
}

#mp #mp_export_bookings_wrapper #mp_export_bookings li h5.mp-customer-details-hr,
#mp #registered-client-booking-details_wrapper #registered-client-booking-details #mp_client_bookingsregistered li h5.mp-customer-details-hr,
#mp #guest-client-booking-details_wrapper #guest-client-booking-details #mp_client_bookingsguest li h5.mp-customer-details-hr{
	display: contents;
}
#mp #registered-client-booking-details_wrapper #registered-client-booking-details #mp_client_bookingsregistered li span.span-scroll.span_indent,
#mp #guest-client-booking-details_wrapper #guest-client-booking-details #mp_client_bookingsguest li span.span-scroll.span_indent{
	padding-left: 7px;
}
#mp #registered-client-booking-details_wrapper #registered-client-booking-details #mp_client_bookingsregistered .sorting_1,
#mp #guest-client-booking-details_wrapper #guest-client-booking-details #mp_client_bookingsguest .sorting_1{
	padding-top: 30px;
}
#mp #mp_export_bookings_wrapper #mp_export_bookings li span.span-scroll {
	margin-left: 7px;
}
#mp #booking-details.booking-details-calendar ul.mp-cal-booking-details i.fa-calendar{
	margin-right: 5px;
}
#mp-settings .mp-setting-details #appearance-setting .mp-common-table .npl label{
	font-size: 13px;
}

#mp .mp-bookings-activity .top-label label, #mp .mp-bookings-activity .top-label label span{
font-size:15px;
font-weight:600;
line-height:30px;
}
#mp .lead-body{
max-height: 192px;
overflow-y: hidden;
overflow-x: hidden;
}
#mp .no-lead-body{
margin-top: 0px !important;
margin-bottom: 0px !important;
}

#mp .mp-bookings-activity .top-label{
padding: 6px 16px;
/* border-bottom:1px solid #333; */
/* 	background-color: #5AD3D1;
color: #fff; */
}
#mp .mp-bookings-activity-list span{
line-height:24px;
}
#mp #booking-details li h5 {
font-weight: 500 !important;
font-size:18px !important;
color:#000 !important;
}
#mp #pam_send_quote_form .pam_quote_label{
display:block;
margin-bottom:10px;
}
#mp #pam_send_quote_form .input-group-addon.pam_quote_label{
float:left;
padding: 9px 19px;
text-align: center;
line-height: 14px;
}
#mp #pam_send_quote_form #pam_quote_price{
line-height:26px;

}
#mp .h-450::-webkit-scrollbar { 
display: none; 
}
#booking-details .modal-content .modal-body{
max-height:400px;
overflow-y:scroll;
} 
#pam_send_quote .modal-content .modal-body{
max-height:unset ;
overflow-y:unset;
} 
#pam_send_quote .mv-body{
max-height:unset ;
overflow-y:unset;
} 
#mp .article-block{
/*border: 1px solid;*/ 
width: 90px;
height: 120px;
text-align: center;
padding: 0 !important;
}
#mp .article-img{
border: 1px solid;
height: 50px;
}
#mp .article-block img{
max-width: 85px;
height: 45px;
padding-top: 5px;
}
#mp .article-text{
text-align: center;
font-size: 14px;
margin-top: 50px;
}
#mp .distance-border{
	border: 1px solid #ddd;
padding-bottom: 30px;
padding-top: 20px;
margin: 20px auto;
}
#mp .distance-title{
 font-size: 20px;
letter-spacing: 0.5px !important;
font-weight: 500;
padding: 15px 0px;
}
#mp .mp-btn-width{
margin: 0 !important;
}
#mp .input-group-btn-horizontal{
display: flex;
}
#mp .ml4{
margin:-4px;
}
/*code to be added in demo*/
#mp .mp-services-right-details .custom_article_checkbox{
display: inline-block;
text-align: center;
margin: 10px;
position: relative;}
#mp .mp-services-right-details .custom_article_checkbox .article_img{ 
box-sizing: border-box;
height: 110px;
background-color: #fff;
border: 1px solid #333;
text-align: center;
margin: 0 auto;
display: flex;
align-items: center;
border-radius: 2px;
padding: 10px;
justify-content: center;
}
#mp .mp-services-right-details .custom_article_checkbox .article_img img{ 
max-width: 100px;
max-height: 100px;
}
#mp .mp-services-right-details .custom_article_checkbox .custom_article_title{
align-items: center;
display: flex;
justify-content: center;
}
/*#mp .mp-services-right-details .custom_article_checkbox input[type="checkbox"]:checked + label{border: 1px solid #ccc;}*/
#mp .mp-services-right-details .custom_article_checkbox input[type="checkbox"]:checked + label .article_text{color: #fff;}
#mp .mp-services-right-details .custom_article_checkbox input[type="checkbox"]{display: none;}
#mp .mp-services-right-details .custom_article_checkbox input[type="checkbox"]:checked + label:after {
z-index: 100;
content: "";
display: inline-block;
border-right: 30px solid transparent;
border-bottom: 0px solid transparent;
position: absolute;
top: 0px;
left: 0px;
border-top-width: 30px;
border-top-style: solid;
border-top-color: #fd3943;
}
#mp .article_save{
text-align: right;
padding-right: 5%;
padding-top: 15px;
}

.greater_after{position: relative;margin-right: 30px;}
.greater_after:after{content: "<";position: absolute;right: 0px;font-size: 20px;top:12px;}
span.erro_per_cfeets,span.erro_per_cfeets_rent{
font-size: 10px;
color: red;
}
.switch {
position: relative;
display: inline-block;
width: 60px;
height: 34px;
}

.switch input { 
opacity: 0;
width: 0;
height: 0;
}

.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}

.slider:before {
position: absolute;
content: "";
height: 26px;
width: 26px;
left: 4px;
bottom: 4px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}

input:checked + .slider {
background-color: #2196F3;
}

input:focus + .slider {
box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
border-radius: 34px;
}

.slider.round:before {
border-radius: 50%;
}


/* 27-08-css */

.slider:before {
height: 18px;
width: 20px;
left: 4px;
bottom: 4px;
}
.switch {
width: 53px;
height: 26px;
margin: 10px 0 20px 14px;
}

.main-common-heading {
	padding: 8px 15px;
margin-bottom: 20px;
list-style: none;
background-color: #f5f5f5;
border-radius: 4px;
}
.main-common-heading h2{font-size:14px;
margin: 0px;}


/* responsive */

@media(max-width:767px){
#mp .distance-border {
padding: 10px!important;
}
.mp-create-distance-table table td[class*=col-], table th[class*=col-]{
position: static;
display: block;
float: none;
}
.responsive-Per-CubicFeets-Rate
{
display:flex;
}
.responsive-trash-edit-btn{
padding:0px!important;
}
}

.mp-create-distance-table .form-control{
padding: 3px 3px;
min-width: 40px;
}
/* //for mobile devices  */

@media only screen and (min-width: 320px) and (max-width: 520px) {
#booking-details .modal-content .modal-footer{
	display: flex;
}
#mp .ml-30{
	margin-left: 1rem !important;
}
.mp-all-payments-main{
	width: 94%;
}
#mp #mp-dashboard h4.mp-dash-header{
font-size:21px;
}
.mp_reportrange-date-calendar{
font-size: 1.3rem;
	}



}

@media only screen and (min-width: 521px) and (max-width: 767px) {
#booking-details .modal-content .modal-footer{
	display: flex;
}
.completed-heding-reposive{
padding-top:5rem;
}

}

@media only screen and (min-width: 991px) and (max-width: 1250px) {
.mp_reportrange-date-calendar{
font-size: 1.1rem;
	}

}